Open Bug 1908199 Opened 2 months ago Updated 2 months ago

Other browser don't encapsulate style in svg:use shadow tree

Categories

(Web Compatibility :: Knowledge Base, defect)

Product:
Web Compatibility
Component:
Knowledge Base
Type:
defect

Tracking

(Not tracked)

People

(Reporter: jgraham, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: webcompat:platform-bug)

With <svg:use> elements, Chrome and Safari continue to match all selectors that match the source element in the tree, even if they don't match the cloned version of the element i.e. they don't encapsulate shadow tree styles.

https://www.w3.org/TR/SVG2/struct.html#UseStyleInheritance makes it clear this in invalid per spec

https://issues.chromium.org/issues/40550039 is the Chrome bug and https://bugs.webkit.org/show_bug.cgi?id=249080 is the webkit bug

Note that this is also what causes some stuff like :hover effects work on Firefox but not other browsers (e.g., this).

You need to log in before you can comment on or make changes to this bug.