WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED DUPLICATE of
bug 276727
299081
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
Details
View All
Add attachment
proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1
2025-09-18 14:09:46 PDT
<
rdar://problem/160886350
>
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.
Top of Page
Format For Printing
XML
Clone This Bug