jQuery UI Dialog
最初の入力部品にフォーカスが当たってしまうのを対処します。
以下のように、openイベントであれこれやってもダメな場合。
$("#dialog").dialog({
...
open: function(event, ui) {
$(this).find('input').blur();
}
});
ダイアログを表示するhtmlに以下のようなダミーを追記する。
とりあえず、これでうまくいきました。
<span class="ui-helper-hidden-accessible"><input type="image"/></span>
inputタイプが image なのは、text とかだとスマホで表示した場合にキーボードが出てきてしまうためです。
ダイアログの詳しいドキュメントはこちら。
Dialog | jQuery UI
以下、追記(2023/08/04)
ダミーでうまくいかない場合は、以下 hidden タグの追加でフォーカス外れます。
<input type="hidden" autofocus="autofocus" />