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

Breakpoint for xs is different in documentation vs. practice #16903

Open
Jakobis opened this issue Feb 16, 2024 · 0 comments · May be fixed by #16972
Open

Breakpoint for xs is different in documentation vs. practice #16903

Jakobis opened this issue Feb 16, 2024 · 0 comments · May be fixed by #16972

Comments

@Jakobis
Copy link

Jakobis commented Feb 16, 2024

Description

https://quasar.dev/style/visibility#window-width-related says that the xs screenwidth goes up to 599.99px, but inspecting an element using quasar rules reveals that it uses a breakpoint of 599.98px.

This might seem like a tiny detail, but my workplace, which has used Quasar since before I started working there, has based internal media queries on this standard. And that has resulted in some interesting problems where a webpage will behave strangely on a screen of size 600px, because it turns out a bug causes media queries with max-width: 599.99px to register as 600px, which is presumably why your implementation uses 599.98px instead.

Documentation Section URL

https://quasar.dev/style/visibility#window-width-related

Flavour

None

Areas

Components (quasar)

@Jakobis Jakobis added kind/docs 📄 Qv2 🔝 Quasar v2 issues labels Feb 16, 2024
@ShlomoCode ShlomoCode linked a pull request Mar 6, 2024 that will close this issue
15 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant