ryanak @ryanak@mstdn.ryanak.xyz
"HTMLのdialog要素とフォーム機能 - Hatena Developer Blog" https://developer.hatenastaff.com/entry/2021/12/01/100000
Hatena Developer BlogHTMLのdialog要素とフォーム機能こんにちは、id:nanto_viです。この記事ははてなエンジニアAdvent Calendarの1日目の分です。Webアプリケーションでモーダルダイアログを実現しようとして苦戦したことはないでしょうか？ 自前でHTML、CSS、JavaScriptを組み合わせて実装していくと、フォーカスやスクロールの制御が大変ですよね。そんな悩みを解決してくれるのがHTMLのdialog要素、Webブラウザ組み込みのモーダルダイアログ実装が利用できるという優れものです（モードレスダイアログとしても利用できます）。dialog要素を使うことで、モーダルダイアログに要求されるJavaScript機能をブラウザが…