HTMLDialogElement: showModal() はHTMLの長年の課題を解決する期待の星かと思ったら実際はだめな子

更新情報 2024/09/05: 初版公開 2025/05/28: 記事末尾に更新情報を追記 <dialog> 要素の showModal() は全てのモダンブラウザで実装され、そろそろ使っても良いかなという方も多いと思います。しかし実際に使ってみると(主にChromium系ブラウザで)重大な落とし穴があり、適用できるケースは限定的なことがわかりました。 背景 HTMLでモーダルダイアログを表示するとき、伝統的には以下のような実装をしていました。 <aside class="backdrop"> <div class="dialog"> ダイアログの中身 </div&gt … 続きを読む HTMLDialogElement: showModal() はHTMLの長年の課題を解決する期待の星かと思ったら実際はだめな子