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

Hidden "Down" properties not working correctly #19212

Closed
ArnasSalokas opened this issue Jan 13, 2020 · 1 comment
Closed

Hidden "Down" properties not working correctly #19212

ArnasSalokas opened this issue Jan 13, 2020 · 1 comment
Labels
component: Hidden The React component. duplicate This issue or pull request already exists

Comments

@ArnasSalokas
Copy link

ArnasSalokas commented Jan 13, 2020

It seems that the down property is not working correctly for the element. Seems like the xs sm md lg xl are shifted by one. (for element only! casual breakpoints in style, etc.. works as expected)

Current Behavior 😯

lgDown works when the screen size is less than <= 1920
mdDown works when the screen size is less than <= 1280
and so on..

Expected Behavior 🤔

lgDown works when the screen size is less than <= 1280
mdDown works when the screen size is less than <= 960
and so on..

Your Environment 🌎

Tech Version
Material-UI v4.8.3
React 16.12.0
Browser Chrome
TypeScript yes
etc.
@mbrookes mbrookes added the component: Hidden The React component. label Jan 13, 2020
@oliviertassinari oliviertassinari added the duplicate This issue or pull request already exists label Jan 14, 2020
@oliviertassinari
Copy link
Member

See #13448, we plan to change the behavior in v5.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Hidden The React component. duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

3 participants