RESOLVED DUPLICATE of bug 276727299081
Popover elements lose their top-layer benefits during closing transition
https://bugs.webkit.org/show_bug.cgi?id=299081
Summary Popover elements lose their top-layer benefits during closing transition
Ehren
Reported 2025-09-18 04:07:51 PDT
Created attachment 476783 [details] A recording of the bug in Safari on the left and Chrome on the right Overview: When popover elements are transitioning into their closed state (using transition-behavior: allow-discrete), they lose their top-layer benefits (such as "position" and "z-index" isolation). Demo: The following Codepen shows that an element with position:relative is able to overlap the popover element while the popover is transitioning into a closed state, regardless of the top-layer benefits that it's meant to have. The demo uses anchor-positioning to accurately position the popover, but this bug happens with non-anchored popovers too. https://codepen.io/eharber/pen/emJOwxx?editors=1100 A screen recording showing Safari on the left and Chrome on the right has been attached. Expected Results: During the closing transition, the popover should stay on top of all other elements. This occurs on the latest versions of Safari (26.0) and Safari TP (228) This bug is isolated to WebKit. Chromium browsers handle this transition correctly.
Attachments
A recording of the bug in Safari on the left and Chrome on the right (4.37 MB, video/quicktime)
2025-09-18 04:07 PDT, Ehren
no flags
Radar WebKit Bug Importer
Comment 1 2025-09-18 14:09:46 PDT
Tim Nguyen (:ntim)
Comment 2 2025-09-18 14:32:28 PDT
*** This bug has been marked as a duplicate of bug 276727 ***
Note You need to log in before you can comment on or make changes to this bug.