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

Tabs not responsive when width < 450px #12272

Closed
2 tasks done
gptguy opened this issue Jul 25, 2018 · 2 comments
Closed
2 tasks done

Tabs not responsive when width < 450px #12272

gptguy opened this issue Jul 25, 2018 · 2 comments
Labels
support: question Community support but can be turned into an improvement

Comments

@gptguy
Copy link

gptguy commented Jul 25, 2018

  • This is a v1.x issue.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The UI should adapt to viewport changes

Current Behavior

The UI doesn't shrink when width < 450px

Steps to Reproduce

Link:

  1. Sandbox
  2. Demo

Context

I combined some examples from the documentation and faced this issue.

Your Environment

Tech Version
Material-UI v1.4.0
React v16.4.1
browser chrome v67
@oliviertassinari
Copy link
Member

oliviertassinari commented Jul 25, 2018

@arjitkhullar Something is wrong with your layout. It's fine with just the tabs: https://codesandbox.io/s/61n3qrx08k and broken without: https://codesandbox.io/s/zkw9kjo6nx

We will work on adding some layout to prevent issues like this one and to save peope time #10986.

@oliviertassinari oliviertassinari added the support: question Community support but can be turned into an improvement label Jul 25, 2018
@gptguy
Copy link
Author

gptguy commented Jul 25, 2018

@oliviertassinari Thanks for the response.
So, What is the recommended way to implement drawer and tabs together?
Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
support: question Community support but can be turned into an improvement
Projects
None yet
Development

No branches or pull requests

2 participants