overflow="visible" has no effect on the dimension of a <use> element unless its dimensions are specifed

• Component: SVG
• Status: RESOLVED FIXED

[Said Abou-Hallawa]

Created attachment 375547 [details]
test case

Open the attached test case.

Expected: Two 100x100 green rectangles.
Result: The first rectangle is 100x100 green rectangle. The second rectangle is not fully green.

The first rectangle is defined as:

   <use href="#s" width="100" height="100"/>

While the second rectangle is defined as:

   <use href="#s"/>

The bug is the dimension of the second <use> element is not specified so it should take the dimension of the symbol. And it should be visible because the container <svg> is defined as:

   <svg x = "120" width="50" height="50" overflow="visible">

[Said Abou-Hallawa]

Related WPT tests:

https://wpt.fyi/results/svg/struct/reftests/use-symbol-dimensions-override-001.svg?label=master&label=experimental

[Ahmad Saleem]

It is still reproducible in Safari Technical Preview 151 and Safari 15.6 using attached test case where second square show "red" patch while all other browsers (Chrome Canary 106 and Firefox Nightly 105) does not show "red" patch in second square. Just wanted to share updated status. Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/98577733>

[Ahmad Saleem]

PR - https://github.com/WebKit/WebKit/pull/13662

Based on Blink Commit - https://chromium.googlesource.com/chromium/src.git/+/2e863303d9035d517bfd13de1a5b3388576e4443

[Ahmad Saleem]

*** Bug 182172 has been marked as a duplicate of this bug. ***

[EWS]

Committed 263977@main (fd0a41d19f81): <https://commits.webkit.org/263977@main>

Reviewed commits have been landed. Closing PR #13662 and removing active labels.