Bug 201946 – SVG <foreignObject> renders the composited child even if its size is zero

• Status: NEW
• Component: SVG

[Said Abou-Hallawa]

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.

[Said Abou-Hallawa]

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

[Said Abou-Hallawa]

This might be a duplicate of https://bugs.webkit.org/show_bug.cgi?id=201110

[Ahmad Saleem]

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!