NEW302617
SVG: WPT test failure on svg/layout/svg-foreign-relayout-001.html (canvas inside foreignObject) 
https://bugs.webkit.org/show_bug.cgi?id=302617
Summary SVG: WPT test failure on svg/layout/svg-foreign-relayout-001.html (canvas ins...
Karl Dubost
Reported 2025-11-16 21:04:43 PST
Go to http://wpt.live/svg/layout/svg-foreign-relayout-001.html https://wpt.fyi/results/svg/layout/svg-foreign-relayout-002.html (same issue) Safari fails, Firefox/Chrome pass http://wpt.fyi/svg/layout/svg-foreign-relayout-001.html Test is ``` <body> <p>Test passes if there is a filled green square.</p> <svg width="100" height="100"> <foreignObject id="target" width="100" height="100"> <canvas id="inner" style="background: green; position: absolute; width: 100px; height: 100px; left: 0; top: 0;" width="100"></canvas> </foreignObject> </svg> <script> document.body.offsetTop; document.getElementById('inner').width = '100'; document.getElementById('target').setAttribute('width', '100'); </script> </body> ``` There is a filled green square but not at the right place. The green square covers the text. In this test we better see that the canvas element doesn't stay contained in the foreignObject. https://codepen.io/webcompat/pen/xbVgMYe
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2025-11-23 21:05:10 PST
<rdar://problem/165326097>
Note You need to log in before you can comment on or make changes to this bug.