Q. フォームでsubmit buttonを押下すると上の方になぜかスクロールされる

前提#

• このページに scroll-behavior: smooth;が指定されていた。
• 多くのブラウザでは、フォームがサブミットされた際にバリデーションエラーが吐かれると、問題があるフォーム要素にフォーカスし、エラーが表示される。

原因#

Submit button が押されたときに、実はバリデーションエラーが発生していた。そしてフォーム要素にフォーカスする際に、scroll-behavior によってスクロールが発生し、スクロールが発生したことに恐らく起因し、表示されるべきエラーが消えている。これにより Submit button が押されると何故か上の方にスクロールされるという現象が起きていた。

未確認だが、恐らくエラーが消えてしまうのは Chrome のバグだと思われる。

Firefox などでは発生しない。

ref: https://github.com/gocodebox/lifterlms/issues/2206