vitejs/vite CSS unit removed during build
- Investigating(current)
- Trending(upcoming)
- Workaround available(upcoming)
- Resolved(upcoming)
Executive summary
A bug in Vite's build process causes a CSS keyframe to lose its unit when the value is 0, resulting in incorrect styling. This issue affects users who are building their projects with Vite.
No verified workaround yet
None of the linked reports describe a mitigation. Follow this incident to hear when one appears.
Under active investigation. No report has identified a root cause yet.
Evidence
1 report · 1 GitHubShow
- [1]GitHub First reportbug: CSS unit being removed during build process when value is 0(opens GitHub issue in a new tab)
Describe the bug I have this code in a global CSS file: @keyframes donateBorder { from { border-image-outset: 0 200px; } to { border-image-outset: 0 0px; } } in a dev server, this works without issue; however, once built, this becomes: @keyframes donateBorder { from { border-image-outset: 0 200px; } to { border-image-outset: 0 0; } } ...which doesn't work, because the unit is not specified. Reproduction https://github.com/rexogamer/vite-css-repro Steps to reproduce yarn && yarn dev inspect the…
by Rexogamer 0upvotes 3comments
Timeline
- First report on GitHub issue
bug: CSS unit being removed during build process when value is 0
Source