2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Chromeの「戻る」ボタンクリック(ブラウザバック)で戻ったときに、ラジオボタンが戻る前の選択になっている現象が起きたけど、autocomplate="off"で解消した

Posted at

本来ラジオボタンはautocompleteの対象じゃないんですが
https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/autocomplete
ラジオボタンの場合は本来の意味と別に、今回のブラウザバック対応として設定していい値っぽいですね。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing
上記リンクにはFirefoxで今回の事例が起きていたと書いてあったんですが、Firefoxで起きずChromeで起きたので、時代が変わったのかもしれません。

Safariだとラジオボタンの選択状態が外れたので、Safari以外でautocomplete="off"を入れるようにします。

autocomplate="off"未設定時 autocomplate="off"設定時
GoogleChrome(v86) × 戻る前の選択維持 ◯ 戻ったページの選択通り
Firefox(v81) ◯ 戻ったページの選択通り ◯ 戻ったページの選択通り
Safari(v13) × 戻る前の選択維持 × 選択状態が解除されている
Edge(v86) ◯ 戻ったページの選択通り ◯ 戻ったページの選択通り
InternetExplorer(v11) ◯ 戻ったページの選択通り ◯ 戻ったページの選択通り
2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?