208475 2020-03-02 14:42:34 -0800 vector-effect: non-scaling-stroke has no effect on a path with zero length 2020-03-02 17:56:16 -0800 1 1 1 Unclassified WebKit SVG Safari Technology Preview Mac macOS 10.14 RESOLVED DUPLICATE 208441 P2 Normal --- 1 richard.a.harris webkit-unassigned sabouhallawa zimmermann oldest_to_newest 1624752 0 richard.a.harris 2020-03-02 14:42:34 -0800 The CSS property `vector-effect: non-scaling stroke` maintains an SVG element's stroke width regardless of any transforms that have been applied to it, including transforms resulting from a viewBox. When applied to a `<path>` element with a path length of zero, it has no effect. To reproduce, create an HTML page with the following code and open it in Safari: ```html <svg preserveAspectRatio="none" viewBox="0 0 100 100"> <path stroke="red" d="M25 50 A0 0 0 0 1 25 50"></path> <path stroke="blue" d="M75 50 A0 0 0 0 1 75.0001 50"></path> </svg> <style> svg { width: 100%; height: 500px; border: 1px solid black; } path { stroke-width: 20px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; } </style> ``` Expected result: the red dot and the blue dot are identically-sized. This is what happens in Chrome and Firefox. Actual result: the red dot is larger, and stretched to the same degree as the SVG itself. 1624873 1 sabouhallawa 2020-03-02 17:56:16 -0800 *** This bug has been marked as a duplicate of bug 208441 ***