Created attachment 379076 [details] foreignObject-composited-child Open the attached test case: Result: The text "Test" appears twice: one inside a box and the other without a box. Expected: The text "Test" appears only once inside a box. The test case has two <foreignObject> elements. -- The first one has the dimension of 100x100. Inside this <foreignObject>, there is a <div> element with the text "Test". The border of <foreignObject> and the text of the <div> appear as expected. -- The second one has the dimension of 0x0. Inside this <foreignObject>, there is a <div> element with the text "Test". The <div> element has the style="will-change: transform". The border of <foreignObject> does not appear as expected. But the text of the <div> element appears.
Related WPT tests: https://wpt.fyi/results/svg/extensibility/foreignObject/composited-inside-object.html?label=master&label=experimental&aligned https://wpt.fyi/results/svg/extensibility/foreignObject/compositing-backface-visibility.html?label=master&label=experimental&aligned https://wpt.fyi/results/svg/extensibility/foreignObject/position-svg-root-in-foreign-object.html?label=master&label=experimental&aligned
This might be a duplicate of https://bugs.webkit.org/show_bug.cgi?id=201110
All browsers differ from each other in this test case: *** Safari Technology Preview 154 *** Two "test" while first being in square / box *** Chrome Canary 108 *** Only single "test" in square / box *** Firefox Nightly 107 *** Just written "Test" but not in bordered square / box like other. _____ Just wanted to share updated test results. Thanks!