styled-components: [v6] ::placeholder & keyframes rejected in production build with `enableVendorPrefixes`
Environment
System:
- OS: macOS 12.6
- CPU: (16) x64 Intel® Core™ i9-9880H CPU @ 2.30GHz
- Memory: 112.43 MB / 16.00 GB
- Shell: 5.2.15 - /usr/local/bin/bash
Binaries:
- Node: 16.18.1 - ~/.nvm/versions/node/v16.18.1/bin/node
- Yarn: 1.22.19 - /usr/local/bin/yarn
- npm: 8.19.2 - ~/.nvm/versions/node/v16.18.1/bin/npm
Reproduction
https://github.com/mAAdhaTTah/sc-issue-4007
Steps to reproduce
- Run npm start
- Open
localhost:3000 - See the (correct) green placeholder in the input.
- Run
npm run build && npx serve build - Open
localhost:3000 - See the (incorrect) grey placeholder
Expected Behavior
::placeholder works in dev & prod mode.
Actual Behavior
::placeholder is stripped in prod mode.
About this issue
- Original URL
- State: closed
- Created a year ago
- Comments: 27 (25 by maintainers)
Commits related to this issue
- chore: bump stylis to 4.3 This fully fixes the issue originally discovered in #4007 — committed to styled-components/styled-components by quantizor a year ago
Awesome, thank you for the fix! Can confirm the test case is resolved as well.
Ah, I see. The vendor prefixed styles are supposed to be inserted separately, will look into it.