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 292754
294642
[css-anchor-position-1] Anchor in popover might not work properly.
https://bugs.webkit.org/show_bug.cgi?id=294642
Summary
[css-anchor-position-1] Anchor in popover might not work properly.
Kiet Ho
Reported
2025-06-17 16:33:19 PDT
Created
attachment 475592
[details]
Screenshot See test case here:
https://stackblitz.com/edit/stackblitz-webcontainer-api-starter-3rsg6utk?file=main.js
. Left: WebKit
296286@main
Right: Chrome Dev 139.0.7232.3 (Official Build) dev (arm64) Analysis: * Big menu (menu with lots of items) is a popover, triggered and anchor positioned to the "Toggle menu" button * Small menu (menu with subitems) is a popover, triggered and anchor positioned to the "Item 1" item in big menu * Big menu element is sibling to the button. Small menu element is children of "Item 1" Element tree for illustration: - Container |--- Toggle menu button |--- Big menu |--- Item 1 |--- Small menu
Attachments
Screenshot
(201.39 KB, image/png)
2025-06-17 16:33 PDT
,
Kiet Ho
no flags
Details
Reduced test case
(1.03 KB, text/html)
2025-06-17 16:35 PDT
,
Kiet Ho
no flags
Details
Reduced test case screenshot
(229.27 KB, image/png)
2025-06-17 16:36 PDT
,
Kiet Ho
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1
2025-06-17 16:34:04 PDT
<
rdar://problem/153685185
>
Kiet Ho
Comment 2
2025-06-17 16:35:35 PDT
Created
attachment 475593
[details]
Reduced test case
Kiet Ho
Comment 3
2025-06-17 16:36:25 PDT
Created
attachment 475594
[details]
Reduced test case screenshot Left: WebKit
296286@main
Right: Chrome Dev 139.0.7232.3 (Official Build) dev (arm64)
Kiet Ho
Comment 4
2025-06-17 16:39:13 PDT
Element tree in reduced test case: - <body> |--- Containing block |--- anchor-1 (triggers popover-1) |--- popover-1 (anchors anchor-1) |--- anchor-2 (triggers popover-2) |--- popover-2 (anchors anchor-2) Note that the reduced test case works in WebKit, if we bring popover-2 out of anchor-2, like so - <body> |--- Containing block |--- anchor-1 (triggers popover-1) |--- popover-1 (anchors anchor-1) |--- anchor-2 (triggers popover-2) |--- popover-2 (anchors anchor-2)
Kiet Ho
Comment 5
2025-07-17 22:29:52 PDT
Might be a dup of
bug 292754
. More specifically, a potential fix for that bug also fixes this bug. Needs to definitely confirm though.
Kiet Ho
Comment 6
2025-07-23 13:18:15 PDT
Fixed by
bug 292754
Kiet Ho
Comment 7
2025-07-23 13:18:22 PDT
*** This bug has been marked as a duplicate of
bug 292754
***
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