css.properties.vector-effect - only 'non-scaling-stroke' is supported in browsers

[eatyourgreens]

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

The browser compatibility table says full support for vector-effect but only 'non-scaling-stroke' is supported in browsers.

From Can I Use:

Other values for the vector-effect attribute/property are currently at risk of being removed from the specification as they are not being developed by browser vendors.

https://caniuse.com/vector-effect

What browsers does this problem apply to, if applicable?

Firefox, Chromium (Chrome, Edge 79+, Opera, Samsung Internet), Safari

What did you expect to see?

The browser compatibility table should only list 'non-scaling-stroke' as supported in browsers.

Did you test this? If so, how?

I randomly ran into this today after using the MDN page as a source, to add 'non-scaling-size' to some SVG tools, only to find that it didn't work in the browsers that I tested in (Chrome, Safari, Firefox.)

• See refactor(drawing-tools): revert non-scaling-size zooniverse/front-end-monorepo#6689

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

No response

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/vector-effect

MDN metadata

MDN page report details

• Query: css.properties.vector-effect
• Report started: 2025-02-13T20:09:15.028Z