Q. フォームでsubmit buttonを押下すると上の方になぜかスクロールされる
前提
- このページに scroll-behavior: smooth;が指定されていた。
- 多くのブラウザでは、フォームがサブミットされた際にバリデーションエラーが吐かれると、問題があるフォーム要素にフォーカスし、エラーが表示される。
原因
Submit button が押されたときに、実はバリデーションエラーが発生していた。そしてフォーム要素にフォーカスする際に、scroll-behavior によってスクロールが発生し、スクロールが発生したことに恐らく起因し、表示されるべきエラーが消えている。これにより Submit button が押されると何故か上の方にスクロールされるという現象が起きていた。
未確認だが、恐らくエラーが消えてしまうのは Chrome のバグだと思われる。
Firefox などでは発生しない。