← Back to release summary

Allow top layer elements to be nested within popovers

Category
DOM
Type
Chromium catches up
Status
Enabled by default (Chrome 125)
Intent stage
None

WPT details: https://wpt.fyi/results/html/semantics/popovers?label=master&label=experimental&aligned&q=opover-top-layer-nesting

Summary

The prior behavior caused issues if a top layer element (dialog, fullscreen, etc.) was DOM-nested within a popover. The inner element, when promoted to the top layer, would cause the outer popover to be hidden, which also (via CSS display:none) hid the inner element. That, in turn, caused issues at least for dialogs, which inert the entire page. This change makes top layer elements "nestable" within popovers.

Motivation

See https://github.com/whatwg/html/issues/9998

Standards & signals

Ecosystem

View on chromestatus.com