Comments (2)
devongovett
commented on May 22, 2024
Interesting. In my tests, browsers round percentage values to 3 decimal places. See https://codepen.io/devongovett/pen/vYeGgzO. I round to 4 just to be safe. I can't seem to reproduce the issue in your original codepen (https://codepen.io/yisi/pen/OJxVXYo) in any browser either...
from lightningcss.
yisibl
commented on May 22, 2024
Thank you for your reply.
This is a browser bug that only occurs with display: table. I could probably write more examples, but this one is enough to show that simplifying calc() is unsafe.
Chrome 91 later rewrote the rendering of the Table layout, internally called TablesNG, and this bug was fixed. So I tested it with Chrome 89, and it should reproduce stably in this version.
This is a special case, but my point is that CSS is a Pandora's box and we don't know when the bug will be triggered, especially for percentage rendering which is very complex and involves sub-pixel allocation and precision issues.
I hope the CSS compressor doesn't trigger this bug.
from lightningcss.
Related Issues (20)
- `CowRcStr` has a wrong value in some cases HOT 1
- Integrating lightningcss-loader causes webpack bus error HOT 1
- Update for `browserslist-rs`?
- Use lightningCSS in browser shows error : failed to load resource `fs`
- lightningcss - modification preserving colour value (non shorthand). HOT 5
- SyntaxError - AtRuleInvalid when using non-standard Page regions HOT 1
- Doesn't error on invalid property or value
- Option to not add units of measure
- extend documentation for node usage, since it's not beginner friendly HOT 1
- Regression: color-mix()-ing with <system-color>s panics
- The 'center' value becomes 50% and invalidates the rule (mask-position)
- Removing duplicate properties does not work on some (clear, clip) HOT 2
- CLI does not actually get installed HOT 1
- semantic-ui-css stylesheet fails to parse HOT 3
- What is the best way to get parsed selectors from a pseudo-class functions like :host-context? HOT 2
- Backdrop Filter outputs only preffixed version HOT 1
- support for parsing incomplete css based on a previous parser state
- "&" selector not preserved inside @scope HOT 1
- Issue with lightningcss dependency in Vite 5.0 affecting Serverless deployment - Missing ../pkg HOT 11
- Post-napi cargo-auditable panic
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lightningcss.