search

anandthakker / doiuse

:bomb: Lint CSS for browser support against caniuse database.
MIT License
1.23k stars 50 forks source link

`overflow-x` and `overflow-y` are wrongly flagged #166

Open gian1200 opened 1 year ago

gian1200 commented 1 year ago

As explained in Can I use: css-overflow

Effectively all browsers support the CSS 2.1 definition for single-value overflow as well as overflow-x & overflow-y and values visible, hidden, scroll & auto

This should work:

index.css:

.aaa {
    ...
    overflow-x: hidden;
    overflow-y: auto;
}

./.browserslistrc:

defaults and supports es6-module

However:

>npx doiuse@latest "src\app\index.css"
src\app\index.css:23:1: CSS Logical Properties only partially supported by: QQ Browser (13.1) (css-logical-props)
src\app\index.css:59:1: Media Queries: Range Syntax not supported by: Safari (15.6,16.3), Safari on iOS (15.6,16.0,16.1,16.2,16.3), UC Browser for Android (15.5), QQ Browser (13.1) (css-media-range-syntax)
src\app\index.css:70:1: CSS overflow property only partially supported by: Safari (15.6), Safari on iOS (15.6), UC Browser for Android (15.5), QQ Browser (13.1) (css-overflow) <--this
src\app\index.css:71:1: CSS overflow property only partially supported by: Safari (15.6), Safari on iOS (15.6), UC Browser for Android (15.5), QQ Browser (13.1) (css-overflow) <--this
clshortfuse commented 1 year ago

Partial support is WIP.

Ping #160