Bug 294642

Summary: [css-anchor-position-1] Anchor in popover might not work properly.
Product: WebKit Reporter: Kiet Ho <kiet.ho>
Component: CSSAssignee: Kiet Ho <kiet.ho>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: karlcow, kiet.ho, koivisto, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Screenshot
none
Reduced test case
none
Reduced test case screenshot none

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.