Bug 291732

Summary: [LegacySVG] foreignObject elements with position: relative or opacity are misplaced
Product: WebKit Reporter: Rene <prr>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, karlcow, sabouhallawa, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 18   
Hardware: All   
OS: All   
Attachments:
Description Flags
Repro
none
Screenshot
none
Zoomed in none

Rene
Reported 2025-04-18 01:01:51 PDT
Created attachment 474950 [details] Repro If SVG foreignObject contains element with position: relative or with opacity, these elements are rendered incorrectly Steps to repro: * Open attached svg.html and notice how Elements of Actual result rows are misplaced. Additional info: * Can repro also with any old Safari * No repro with Chrome or FF * Developer tool highlight Elements in their expected location It seems that elements with position: relative or opacity are skipped from canvas resize for some reason.
Attachments
Repro (2.25 KB, text/html)
2025-04-18 01:01 PDT, Rene 		no flags
Details
Screenshot (74.62 KB, image/png)
2025-04-18 01:08 PDT, Rene 		no flags
Details
Zoomed in (166.71 KB, image/png)
2025-04-18 02:14 PDT, Rene 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2025-04-18 01:03:22 PDT
It works fine in LBSE on WebKit ToT (293847@main) test via Minibrowser and matches Chrome Canary 137.
Rene
Comment 2 2025-04-18 01:07:31 PDT
Attaching a screenshot from Safari 18.4 on MBA M2
Rene
Comment 3 2025-04-18 01:08:00 PDT
Created attachment 474951 [details] Screenshot
Rene
Comment 4 2025-04-18 02:14:05 PDT
Created attachment 474956 [details] Zoomed in If you zoon the page in or out, problematic elements live their own life and do not follow page zoom.
Radar WebKit Bug Importer
Comment 5 2025-04-25 01:02:13 PDT
<rdar://problem/150014523>
Note You need to log in before you can comment on or make changes to this bug.