Summary: | SVG <foreignObject> renders the composited child even if its size is zero | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Said Abou-Hallawa <sabouhallawa> | ||||
Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||
Status: | NEW --- | ||||||
Severity: | Normal | CC: | ahmad.saleem792, bfulgham, zimmermann | ||||
Priority: | P2 | ||||||
Version: | WebKit Nightly Build | ||||||
Hardware: | Unspecified | ||||||
OS: | Unspecified | ||||||
Bug Depends on: | |||||||
Bug Blocks: | 200143 | ||||||
Attachments: |
|
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! |
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.