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

RESOLVED INVALID

Status

()

Core
SVG
RESOLVED INVALID
2 months ago
2 months ago

People

(Reporter: Amber Schühmacher, Unassigned)

Tracking

57 Branch
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

2 months ago
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
(Reporter)

Comment 1

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

Updated

2 months ago
Component: Untriaged → SVG
Product: Firefox → Core
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.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 2 months ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.