DIALOGBLOCK THE PAGE
操作を止めて、
判断を求める
背景を操作対象外にするモーダルUI。
確認画面重要な入力モーダルメニュー
HTML UI DECISION LAB
Dialog or Popover?
背景を止めるか、背景を残すか。
<dialog>
VS
popover
DECISION GUIDE
背景との関係で選ぶ
操作を止めて、
POPOVERKEEP THE PAGE
作業を残して、
情報を補助する
背景を操作できるノンモーダルUI。
補助メニュー追加情報ピッカー
JAVASCRIPT
モーダルとして開くため、showModal()を使います。
LIVE COMPARISON
同じパネル、違う背景
MODAL
BACKGROUND INERT
dialog
NON-MODAL
BACKGROUND ACTIVE
popover
BACKGROUND TEST
パネル表示中に、このボタンを押してみる
popoverなら背景の操作を続けられます。
BACKGROUNDINERTdialog
BACKGROUNDACTIVEpopover
ESC KEYCLOSEdialog
OUTSIDE CLICKKEEP OPENpopover="manual"