Bug 141068 – SVG "clip-path" property chooses the wrong element, when multiple elements have a matching ID

• Status: NEW
• Component: SVG

[Daniel Holbert]

Created attachment 245695 [details]
testcase 1

STR:
 1. Load attached testcase

Expected output:
  Yellow rect inside of a blue rect.

Actual output:
  Red shows up between the yellow and the blue.
  In particular: the yellow rect is clipped to be too small (because there are two clipRect elements with an ID that matches its "clip-path" attribute, and it's choosing the wrong one)

IE 11 and Firefox/Gecko both give me the expected output. Blink & WebKit give me the incorrect output (with red & the wrong clipRect chosen.)


VERSION INFO: I've tested Safari 8 on Mac OS X Yosemite, and midori on Ubuntu 14.10. (both webkit-based). Both show the bug.

[Daniel Holbert]

I also filed a Chrome/Blink bug: https://code.google.com/p/chromium/issues/detail?id=453722

[Radar WebKit Bug Importer]

<rdar://problem/91725385>

[Sam Sneddon [:gsnedders]]

There's seemingly also some dynamic bugginess here, c.f. https://twitter.com/sophiebits/status/1514404762422181889 about elements getting removed.

[Ahmad Saleem]

Fixed by following commit in Blink - https://chromium.googlesource.com/chromium/src/+/533d683571c860e69bb3ecaf6214c5ceed25a808