1752463 - svg - Invalid masks are not rendered and the element is ignored

Status: RESOLVED DUPLICATE of bug 1483225

(Core :: SVG, defect)

Description

[Karl Dubost💡 :karlcow]

Attachment: duplicate-id2.html

This was initially reported on https://webcompat.com/issues/98484
On the original issue an icon of facebook was not displayed correctly.

The 3 browsers have a different behavior.
I have added a test case.

On the 3 browsers WebKit has the less logical behavior but most usable.
Blink has possibly the better logic?
And Firefox is a bit failing too hard giving no chance of having something.

see the reasoning in https://webcompat.com/issues/98484#issuecomment-1023799175

Comment 1

[Karl Dubost💡 :karlcow]

Attachment: blink, gecko, webkit

From top to bottom

• Edge Canary 99.0.1148.0
• Firefox Nightly 98.0a1 (2022-01-27) (64-bit)
• Safari Release 139 (Safari 15.4, WebKit 17613.1.14.41.2)

Comment 2

[Robert Longson [:longsonr]]

This isn't really about duplicate ids at all but about how we handle invalid masks and clipPaths and filters. SVG 2 says ignore them, SVG 1.1 says stop rendering the element itself. We're still mostly SVG 1.1 and Chrome is mostly SVG 2.