Repository navigation
Transformed media queries leave gaps between breakpoints #1908
Description
Describe the feature request
Take this create call:
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem)': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});It is now transformed at compile time to:
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem) and (width <= 63.99rem) ': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});It should be transformed to:
const styles = stylex.create({
foo: {
gridColumn: {
default: '1 / 2',
'@media (width >= 48rem) and (width < 64rem) ': '1 / 3',
'@media (width >= 64rem)': '1 / -1',
},
},
});Reacted by chbyb
Reacted by chbyb
Reacted by chbyb
Activity
chbybnwr commentedon Sep 25, 2026
This is a non-issue in practice as explained nicely by @nmn here.
#1793 (comment)
I hope that this issue serves as a nice place to track any future progress or ideas on the matter, sort of like our own little Riemann hypothesis.