Bug 276727

Summary: Implement `overlay` CSS property and new top layer exit algorithm
Product: WebKit Reporter: Tim Nguyen (:ntim) <ntim>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: agafvv, ahmad.saleem792, arrow_actions.7g, florian, ian, imbashenk, jeroen.zwartepoorte, kileras, koivisto, ryan, spark343, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=275184

Tim Nguyen (:ntim)
Reported 2024-07-17 12:16:14 PDT
Might be necessary for web compat at this point...
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-07-17 12:16:35 PDT
<rdar://problem/131944330>
Ahmad Saleem
Comment 2 2024-07-18 05:54:20 PDT
https://drafts.csswg.org/css-position-4/#overlay
Tim Nguyen (:ntim)
Comment 3 2024-10-14 11:06:27 PDT
*** Bug 280983 has been marked as a duplicate of this bug. ***
Tim Nguyen (:ntim)
Comment 4 2024-10-22 18:14:25 PDT
*** Bug 252234 has been marked as a duplicate of this bug. ***
Jeroen Zwartepoorte
Comment 5 2025-03-10 23:50:04 PDT
Please mark https://bugs.webkit.org/show_bug.cgi?id=289474 as a duplicate as well.
Karl Dubost
Comment 6 2025-03-11 19:29:18 PDT
*** Bug 289474 has been marked as a duplicate of this bug. ***
Tim Nguyen (:ntim)
Comment 7 2025-03-31 05:51:07 PDT
*** Bug 289473 has been marked as a duplicate of this bug. ***
Tim Nguyen (:ntim)
Comment 8 2025-08-05 11:53:05 PDT
*** Bug 296925 has been marked as a duplicate of this bug. ***
Tim Nguyen (:ntim)
Comment 9 2025-09-18 14:32:28 PDT
*** Bug 299081 has been marked as a duplicate of this bug. ***
Jeroen Zwartepoorte
Comment 10 2025-10-06 00:50:16 PDT
This issue is not just about animating closing top layer elements. It is also necessary to fix unwanted behavior: When a popover parent element is translated, the popover will suddenly "jump" when it exits the top layer. Since you may not have control over the parent element that is translated, the only fix is to have the popover remain in the top layer *until* it is no longer visible. See https://codepen.io/dianabroeders/pen/ByjpqWE?editors=1100 for a reproduction.
Alexey Proskuryakov
Comment 11 2025-11-05 17:19:23 PST
*** Bug 301960 has been marked as a duplicate of this bug. ***
Note You need to log in before you can comment on or make changes to this bug.