Popover API
模範解答
🔑 非モーダルなポップオーバーとモーダルなダイアログの性質と役割を区別し、ユースケースに応じた使い分けを理解しているかを確認する。
回答履歴 (1回)
あなたの回答
非モーダルなポップオーバーは他要素の動作に影響を与えず、継続的な動作を行う モーダルなダイアログは画面全体に渡って表示され全体の背景要素とのインタラクションを防いだりと言った影響を与える。 またポップオーバーが必ず最前面に表示されるのに対し、ダイアログではされないという違いもある。 使い分けは以上の違いの様に、全画面に対して使用したいかどうか
フィードバック
ポップオーバーが非モーダルで、背後の要素の動作を妨げない点は概ね合っています。一方で、模範解答ではポップオーバーは最上位レイヤーのオーバーレイUIであり、<dialog>のモーダル表示は「全画面かどうか」ではなく背後の操作をブロックし、重要な対話や選択を表す用途に向くとされています。使い分けも、メニュー・通知など継続的なUIにはポップオーバー、重要な決定や確認にはモーダルな<dialog>という観点で整理されるとよいでしょう。