stylelint-no-unsupported-browser-features icon indicating copy to clipboard operation
stylelint-no-unsupported-browser-features copied to clipboard

Doesn't catch `content-visibility: auto;`

Open Volker-E opened this issue 10 months ago • 1 comments

Hi, we're happily using the plugin at Wikimedia Foundation. Thanks for your work!

Weirdly a few relatively unsupported CSS properties aren't caught. E.g. content-visibility: auto; with

[
	"Last 3 years and Chrome > 0",
	"Last 3 years and Opera > 0",
	"Last 3 years and Edge > 0",
	"Firefox >= 91",
	"Safari >= 11",
	"iOS >= 11",
	"Android >= 5"
]
``` as browserslist support list

Or also `text-wrap: balance` ([caniuse](https://caniuse.com/css-text-wrap-balance)).

Any clue what's behind? Code can be found at [Codex, design system for Wikimedia](https://github.com/wikimedia/design-codex).

Volker-E avatar Oct 13 '23 02:10 Volker-E

Hi, I am by no means an expert, but I ran into the same thing on a largely fresh stylelint setup. I had a similar issue where text-wrap: wrap wasn't reported as unsupported. I did some digging around:

  • there have been multiple similar issues reported, and the response always boils down to this: doiuse does the actual flagging. If doiuse can't find it, stylelint can't as well. This is also part of the issue template when you create a new issue
  • I have checked your cases (I was already busy with mine) against doiuse, and:
    • text-wrap isn't supported at all by doiuse atm (even text-wrap: fhskjdf passes)
    • content-visibility at least on the most recent versions works for me using the .browserslistrc below

Are you sure your stylelint and/or your command is configured correctly?

last 3 years and Chrome > 0
last 3 years and Opera > 0
last 3 years and Edge > 0
Firefox >= 91
Safari >= 11
iOS >= 11
Android >= 5

ReneBrandt avatar Feb 22 '24 13:02 ReneBrandt