Popover dismissal
Popover dismissal
Section titled “Popover dismissal”This example mirrors the default popover behavior: outside clicks, Escape, and scrolling dismiss the surface. Use the buttons and scroll the demo container to see each path in action.
Popover dismissal
Dismiss via outside click, Escape, scroll, or button.
View source
Click the dismiss button, press Escape, click outside, or scroll the container.
<button data-automagica11y-popover="#surface" data-automagica11y-popover-scroll-distance="16"> Show popover</button><div id="surface" hidden> <button data-automagica11y-popover-dismiss>Dismiss</button></div>The plugin-friendly automagica11y:popover:toggle event fires for each open/close. Listen for automagica11y:popover:dismissed to differentiate which dismissal path ran.