FirefoxにおけるFormの自動POSTによる無限ループ

ウェブサイト(html，php，javascript)を作成しております。
ブラウザチェックを行った所、Chrome、Safari、Edgeで確認した所、問題ありません。
しかし、Firefoxでは、WindowsとMacの両方で無限ループような現象が発生します。
無限ループと言っても、止まらない時もあれば、たまに止まる時もあります。
考えられる原因について、アドバイスを頂けないでしょうか？

2021年6月24日加筆修正

ウェブサイトの概要
ファイルをアップロードするページです。

通常は、formを利用し、

ファイル選択
ファイル送信
ページ移動

の手順になるかと思います。

このページでは、2個のformがあり、javascriptを利用し、

ファイル選択後、自動でファイル送信し、隠れiframeにページ読み込まれます。
iframe読み込み終了後、自動でもうひとつのformが送信され、ページが移動します。

コード (debug.php)

<!DOCTYPE html> <html>  <head> <title>デバッグ用</title> </head>  <body>   <form id='upload'　 method = 'post'　 action = '../upload.php'　 enctype = 'multipart/form-data'　 target = 'hidden_iframe' autocomplete = 'off'>

</form>  <iframe id='hidden_iframe' name='hidden_iframe'></iframe>  <form method='post' action='debug.php'> <input id='hidden_button' class = 'hidden_button' type = 'submit' name = 'hidden_button' value = '隠れボタン'> </form>   <script> const upload = document.getElementById('upload'); const selectFile = document.getElementById('button'); const hiddenButton = document.getElementById('hidden_button'); const hiddenFrame = document.getElementById('hidden_iframe'); selectFile.addEventListener('change', function(){ upload.submit(); console.log('ファイルが送信されました'); }); // iframeにupload.phpの読み込みが完了しても // ファイルのアップロードが完了してるとは限らない hiddenFrame.addEventListener('load', function(){ hiddenButton.click(); console.log('アップロードが完了しました'); }); </script> </body> </html>