1420851 - vector-effect: non-scaling-stroke in SVG not working on referenced elements

Status: RESOLVED INVALID

(Core :: SVG, defect)

Description

[Amber Schühmacher]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce:

Added attribute vector-effect:non-scaling-stroke to all elements inside the svg. (This should make sure that the stroke-width does not scale with the svg)


Actual results:

The non-scaling-stroke attribute is ignored on referenced elements.

JSFiddle: https://jsfiddle.net/amberjs/47y5dd9c/


Expected results:

The stroke-width should not have scaled with the zoom level.

https://www.w3.org/TR/SVG2/coords.html#VectorEffectProperty
https://www.w3.org/TR/SVG2/painting.html#non-scaling-stroke

Comment 1

[Amber Schühmacher]

Split from https://bugzilla.mozilla.org/show_bug.cgi?id=1420380 to separate the issues.

Comment 2

[Robert Longson [:longsonr]]

invalid per https://www.w3.org/TR/SVG2/struct.html#UseStyleInheritance 

If a CSS rule uses a complex selector to match an element based on its ancestors or siblings, and those ancestors or siblings are not cloned as part of the shadow tree, then that rule would no longer match the element instance.