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.
I also filed a Chrome/Blink bug: https://code.google.com/p/chromium/issues/detail?id=453722
<rdar://problem/91725385>
There's seemingly also some dynamic bugginess here, c.f. https://twitter.com/sophiebits/status/1514404762422181889 about elements getting removed.
Fixed by following commit in Blink - https://chromium.googlesource.com/chromium/src/+/533d683571c860e69bb3ecaf6214c5ceed25a808