「HTMLのdialog要素とフォーム機能 - Hatena Developer Blog」

こんにちは、id:nanto_viです。この記事ははてなエンジニアAdvent Calendarの1日目の分です。Webアプリケーションでモーダルダイアログを実現しようとして苦戦したことはないでしょうか? 自前でHTML、CSS、JavaScriptを組み合わせて実装していくと、フォーカスやスクロールの制御が大変ですよね。そんな悩みを解決してくれるのがHTMLのdialog要素、Webブラウザ組み込みのモーダルダイアログ実装が利用できるという優れものです(モードレスダイアログとしても利用できます)。dialog要素を使うことで、モーダルダイアログに要求されるJavaScript機能をブラウザが…

こんにちは、id:nanto_viです。この記事ははてなエンジニアAdvent Calendarの1日目の分です。Webアプリケーションでモーダルダイアログを実現しようとして苦戦したことはないでしょうか? 自前でHTML、CSS、JavaScriptを組み合わせて実装していくと、フォーカスやスクロールの制御が大変ですよね。そんな悩みを解決してくれるのがHTMLのdialog要素、Webブラウザ組み込みのモーダルダイアログ実装が利用できるという優れものです(モードレスダイアログとしても利用できます)。dialog要素を使うことで、モーダルダイアログに要求されるJavaScript機能をブラウザが…

developer.hatenastaff.com

Webページ

コンテンツ文字数:0 文字

見出し数(H2/H3タグ):0 個

閲覧数:109 件

2021-12-01 14:01:02

オリジナルページを開く