MacOSで別タブが1つしか開かない
解決したいこと
Wordpress内のとあるページのフォームをクリックするとWordpress内の別固定ページを複数開きたいです。
発生している問題・エラー
MacOSで1アクション(ボタン押下)で複数タブを開きたいが1つしか開かない。
WindowsではChrome、FireFox、IEともに複数タブが開く。
MacOSではChrome、Safariではタブが1つしかひらかない。(FireFoxとIEは試していません)
Wordpress内のとあるページのフォームをクリックするとWordpress内の別固定ページを複数開きたいです。
また別ページには情報を渡したいため、フォーム内の情報をhiddenで渡し、それを受け取る処理をfunction.phpで記載し、form内の値を受け渡ししています。値は渡せています。
該当するソースコード
<form>
<input type="button" name="submit" id="wp-submit" value="送信する" onclick="mydoSubmit()"/>
</form>
<form name="form1" id="form1" action="https://xxxx/?page_id=10001" method="post" accept-charset="utf-8" target="_form1">
<input name="Username1" id="Username1" value="" class="" type="hidden"/>
<input name="Usermail" id="Usermail" value="" class=" required" required="required" type="hidden"/>
</form>
<form name="form2" id="form2" action="https://xxxx/?page_id=10002" method="post" accept-charset="utf-8" target="_form2">
<input name="Username1" id="Username1" value="" class="" type="hidden"/>
<input name="Usermail" id="Usermail" value="" class=" required" required="required" type="hidden"/>
</form>
let frm1 = document.getElementById("form1");
frm1.elements["Username1"].value = frm.elements["user_login"].value;
frm1.elements["Usermail"].value = frm.elements["user_email"].value;
frm1.submit();
let frm2 = document.getElementById("form2");
frm2.elements["Username1"].value = frm.elements["user_login"].value;
frm2.elements["Usermail"].value = frm.elements["user_email"].value;
frm2.submit();
自分で試したこと
・iFrame内にフォームをコピーしてそこからsubmitさせたり、Ajaxの非同期処理でsubmitしてみました、同様の結果でした。
ブラウザ毎に挙動が異なるのであればブラウザ間の仕様差異と分かりますが、
Macだけでできない理由が分からないです。Macの仕様なのでしょうか?
当方Windowsしかないため、Macで細かいデバッグができておらず恐縮ですが、アドバイス頂ければ幸いです。
よろしくお願いします。