dialogの挙動を制する

全2回

dialog要素の実装やワークアラウンド、使い方の注意点をまとめたシリーズです。

後編 dialog要素の「副作用」に備える

dialog要素のTop Layerやinert機能は強力ですが、その強力さゆえに想定外の問題も起きます。ポータルUIの重なり問題やトーストUIとの共存など、代表的なシナリオと対処法を解説します。

前編 dialog要素の「できない」を解決する

dialog要素は強力で便利ですが、「これはできない」と思われがちな機能もあります。前編では、Escキーで閉じるのを防ぐ、backdropクリックで閉じる、閉じるときのアニメーション、Reactでのpropsによる開閉制御——よくある4つの課題の解決策を紹介します。