Can the Popover API be utilized in a11y-dialog?

zerdox-scalr commented 3 months ago

Building interactions that rely on events. The native <dialog> element supports cancel and close events, but their behaviors aren’t reliable. The <dialog> does not support an open event at all.

https://developer.mozilla.org/en-US/docs/Web/API/Popover_API/Using#dismissing_popovers_automatically_via_a_timer

Maybe we can make a11y-dialog even more lightweight by adding opt-in to utilize popover api? A popover api plugin for a11y-dialog :thinking:

KittyGiraudel commented 3 months ago

Probably worth getting @hidde’s opinion on whether it‘s worth it / a good idea as he is the person I can think of who knows most about the popover API.

hidde commented 3 months ago

It seems useful to me to include it optionally:

to allow folks to make a dialog that is top layer (by setting popover); this is especially helpful for folks that may have <dialog>s that are shown with showModal() in their applications. Such dialogs will be in the top layer, so any a11y-dialog-created dialog that wants to participate in the same stacking context would need to be in the top layer too (and therefore need a popover attribute)
to allow for light dismiss (but I'm not sure if that's already built in to a11y-dialog?)

It would make sense (to me) though, to default to non-modal dialogs when popover is added.

KittyGiraudel / a11y-dialog

Can the Popover API be utilized in a11y-dialog? #667