Closed
Description
Can you reproduce the problem with latest npm?
Yes.
Description
The current autoprefixer options prefixes flexbox with old CSS rules, which fails the following Lighthouse audit:
https://developers.google.com/web/tools/lighthouse/audits/old-flexbox
Expected behavior
Lighthouse audit 'Avoids old CSS flexbox' should pass.
Actual behavior
Lighthouse 'Avoids old CSS flexbox' audit fails.
Expanding 'More information' in the audit reveals that autoprefixer has added display: -webkit-box;
and display: -ms-flexbox;
to the compiled CSS.
Reproducible Demo
create-react-app my-app && cd my-app
- Add
display: flex;
tobody
selector insrc/index.css
. npm start
ornpm run build
and open local page in browser.- Run Lighthouse audit.
Metadata
Metadata
Assignees
Labels
No labels