🏠 New in Low Baseline Support: Popover

January 27, 2025

caniuse · mdn · spec

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.

Source features

• api.ToggleEvent [mdn]
• api.ToggleEvent.ToggleEvent [mdn]
• api.ToggleEvent.newState [mdn]
• api.ToggleEvent.oldState [mdn]
• api.HTMLButtonElement.popoverTargetAction [mdn]
• api.HTMLButtonElement.popoverTargetElement [mdn]
• api.HTMLElement.beforetoggle_event [mdn]
• api.HTMLElement.beforetoggle_event.popover_elements [mdn]
• api.HTMLElement.hidePopover [mdn]
• api.HTMLElement.showPopover [mdn]
• api.HTMLElement.togglePopover [mdn]
• api.HTMLElement.toggle_event.popover_elements [mdn]
• api.HTMLInputElement.popoverTargetAction [mdn]
• api.HTMLInputElement.popoverTargetElement [mdn]
• css.selectors.backdrop.popover [mdn]
• css.selectors.popover-open [mdn]
• html.elements.button.popovertarget [mdn]
• html.elements.button.popovertargetaction [mdn]
• html.elements.input.popovertarget [mdn]
• html.elements.input.popovertargetaction [mdn]
• html.global_attributes.popover [mdn]
• api.HTMLElement.togglePopover.returns_boolean [mdn]
• api.HTMLElement.popover [mdn]