BASELINE NowYouCanUse.com
Newly Available HTML
id: popover

Popover

The popover HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the showPopover() method.
Baseline Status: Achieved Newly Available on Jan 27, 2025 across core engines.
Desktop Browser Engine Support
Google Chrome
116
Supported
Mozilla Firefox
125
Supported
Apple Safari
17
Supported
Microsoft Edge
116
Supported
Mobile Browser Engine Support
Chrome Android
116
Firefox Android
125
Safari iOS
18.3
Specifications and References
Specification ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.HTMLButtonElement.popoverTargetAction ↗ api.HTMLButtonElement.popoverTargetElement ↗ api.HTMLElement.beforetoggle_event ↗ api.HTMLElement.beforetoggle_event.popover_elements ↗ api.HTMLElement.hidePopover ↗ api.HTMLElement.popover ↗ api.HTMLElement.showPopover ↗ api.HTMLElement.showPopover.options_source_parameter ↗ api.HTMLElement.togglePopover ↗ api.HTMLElement.togglePopover.options_source_parameter ↗ api.HTMLElement.togglePopover.returns_boolean ↗ api.HTMLElement.toggle_event.popover_elements ↗ api.HTMLInputElement.popoverTargetAction ↗ api.HTMLInputElement.popoverTargetElement ↗ api.ToggleEvent ↗ api.ToggleEvent.ToggleEvent ↗ api.ToggleEvent.newState ↗ api.ToggleEvent.oldState ↗ css.selectors.backdrop.popover ↗ css.selectors.popover-open ↗ html.elements.button.popovertarget ↗ html.elements.button.popovertargetaction ↗ html.elements.input.popovertarget ↗ html.elements.input.popovertargetaction ↗ html.global_attributes.popover ↗