Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

css.at-rules.media.range_syntax - Incorrect support from Firefox #14593

Closed
Antonio-Laguna opened this issue Jan 19, 2022 · 1 comment · Fixed by #19284
Closed

css.at-rules.media.range_syntax - Incorrect support from Firefox #14593

Antonio-Laguna opened this issue Jan 19, 2022 · 1 comment · Fixed by #19284
Labels
data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS

Comments

@Antonio-Laguna
Copy link

Antonio-Laguna commented Jan 19, 2022

What information was incorrect, unhelpful, or incomplete?

It's said that Firefox 63 added support for this. However a media query such as

@media (480px > width > 768px) {
  body {
    background-color: pink;
  }
}

Does not get executed. Simpler media queries seem to work such as width <= 480px but these ones do not:

What did you expect to see?

I'd have expected to see a note on partial support on that table

Did you test this? If so, how?

I tested with a simple Codepen https://codepen.io/antonio_laguna/pen/NWaVpeG on Browserstack on 63 and current version both on Windows and Mac.

MDN page report details
@Antonio-Laguna Antonio-Laguna changed the title css.at-rules.media.range_syntax - Incorrect support from FireFox css.at-rules.media.range_syntax - Incorrect support from Firefox Jan 19, 2022
@queengooborg queengooborg added the data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label Jan 19, 2022
@romainmenke
Copy link
Contributor

Full support seems to have shipped in Firefox 102.

Tested with window.matchMedia('(1px < width < 99999px)')

nothing in the release notes : https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/102

Firefox 101 :

Screenshot 2023-03-31 at 09 21 47

Firefox 102 :

Screenshot 2023-03-31 at 09 22 39

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
Projects
None yet
3 participants