「<input type="text" autofocus>」だけのHTML文書では問題が再現しないですよね。問題が再現できるHTMLを質問文に含めてください。
コード自体の問題ではないかもなのでもしteratail上で不適切でしたらすみません。
Railsアプリ作成中でテキストボックスにautofocusを追加したのですが、Mac版Safariにてフォーカスがページアクセス時に乗らないです。
Chromeでは正常に動作しました。
iOS版Safariでは仕様となっているようなのですが、Mac版に関してそのような情報は見つけられませんでした。
上のリンク↗️ではMac版のSafariにてautofocusが正常に動作しています
HTML
<input type="text" autofocus>
safariのdev too HTMLl出力内容をみても問題なく上記のようにinputタグに問題なく入っていました。
SafariやMac上の設定の問題なのか、なにかSafariに適した書き方をしなければならないのか、Safariのバグなのか判断し切れませんでした。
関連情報や解決方法がありましたらお教えいただきたいです。
よろしくお願いします
追記
Safariのバージョンは最新の15.1です
Chromeではアクセス時にフォーカス行きます(dev tool開く際に消えますが)
SafariとChromeのデベロッパーツールでHTMLの出力詳細の画像を追加させていただきました。
Railsでhtml.erbからのものですが「<input type="text" autofocus>」単体にしても再現されることも確認していました。出力見る限り余計なものは入っていないように思えるのですが、抜け落ちている点があるのでしょうか？ありがとうございます。
うちの Safari 15.5 は data:text/html,<input%20type="text"%20autofocus> にアクセスして正常にフォーカスされます。拡張機能とか、何らかのカスタマイズのせいかもしれませんね。
拡張機能でした！！
AD blocker系は怪しいなと思って試しにオフにしてみたんですが、他の拡張機能のせいでした。
大変お手数おかけしました。ありがとうございます！
Safari最新ではなかったです失礼しました、妹のMacでも試したんですができなかったのでセットアップ上の問題ではないと思い込んでいましたが、妹の方はずっとアップデートしていないなどの問題だったかもしれません。
まだ回答がついていません
会員登録して回答してみよう
