Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Popover API について

Hasegawa
September 09, 2024

Popover API について

Popover API についての解説スライドです。

Hasegawa

September 09, 2024
Tweet

Other Decks in Technology

Transcript

  1. 標準でキーボード操作のサポート b ESCキーで閉じることが可能。(Light Dismiss標準搭載A b popover="manual" では Light Dismiss でなくなるe

    b 閉じたあと、トリガー要素に自動でフォーカスされるe b popover="manual" では自動で戻らないので注意。
  2. Popover API まとめ  Popover APIは、セマンティクスでアクセシブルな
 ポップオーバー UI が JavaScript

    なしで作れる@  Web標準技術を駆使して、持続可能なデザインの実現  Open UI は神。