Chrome で input に入力できなくなるバグ
◆ alert を閉じずにリロードすると input にフォーカスが当たらない
ときどき input に入力ができなくなって困っていたのですが 原因がわかりました
alert がでているときに OK を押さずにリロードすると発生します
すごくシンプルなこの HTML で再現できます
開く
開いてすぐは input にテキストを入力できます
ボタンを押すと alert が出るので OK を押して閉じた後に input に入力するのも正常です
alert が出ているときにリロードボタンや F5 キーを押してリロードしてから input に入力しようとすると 入力できません
クリックしても input にフォーカスが当たらず キーを押しても入力されません
その状態で F5 を押してリロードしてもずっと入力できないままです
対処方法はもう一度 alert を表示して 今度は OK を押して閉じれば入力できるようになります
それ以外にも別のウィンドウやタブに切り替えて戻ってくれば入力できるようになります
input のデザインが変わった 83 からかと思いましたが 81 でも起きていました
alert という JavaScript だけどブラウザ自体の挙動と関連する部分だからか Vivaldi の Chrome 81 相当では再現しませんでした
alert がでているときに OK を押さずにリロードすると発生します
すごくシンプルなこの HTML で再現できます
<input>
<button onclick="alert(1)">alert</button>
開く
開いてすぐは input にテキストを入力できます
ボタンを押すと alert が出るので OK を押して閉じた後に input に入力するのも正常です
alert が出ているときにリロードボタンや F5 キーを押してリロードしてから input に入力しようとすると 入力できません
クリックしても input にフォーカスが当たらず キーを押しても入力されません
その状態で F5 を押してリロードしてもずっと入力できないままです
対処方法はもう一度 alert を表示して 今度は OK を押して閉じれば入力できるようになります
それ以外にも別のウィンドウやタブに切り替えて戻ってくれば入力できるようになります
input のデザインが変わった 83 からかと思いましたが 81 でも起きていました
alert という JavaScript だけどブラウザ自体の挙動と関連する部分だからか Vivaldi の Chrome 81 相当では再現しませんでした