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] New option to show scrollbar #22438

Merged
merged 6 commits into from
Sep 2, 2020
Merged

[Tabs] New option to show scrollbar #22438

merged 6 commits into from
Sep 2, 2020

Conversation

LogyLeo
Copy link
Contributor

@LogyLeo LogyLeo commented Sep 1, 2020

Added an option to show the scrollbar on Tabs component + updated docs accordingly

Closes #22432

@mui-pr-bot
Copy link

mui-pr-bot commented Sep 1, 2020

@material-ui/core: parsed: +0.09% , gzip: +0.14%
@material-ui/lab: parsed: +0.14% , gzip: +0.18%

Details of bundle changes

Generated by 🚫 dangerJS against d730dd0

@oliviertassinari oliviertassinari added the component: tabs This is the name of the generic UI component, not the React module! label Sep 1, 2020
@oliviertassinari oliviertassinari self-assigned this Sep 1, 2020
@oliviertassinari
Copy link
Member

@LogyLeo Thanks for the pull request, I have a new commit coming to handle IE 11.

@oliviertassinari oliviertassinari added the new feature New feature or request label Sep 1, 2020
Copy link
Member

@oliviertassinari oliviertassinari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome! I have applied the following changes:

  • Use a boolean prop to trigger the behavior as we don't need 3 states
  • Fix broken logic on IE 11, as the CSS approach support in the platform we target increases, we should be able to drop ScrollbarSize. https://caniuse.com/mdn-css_properties_scrollbar-width_none
  • I have removed the new demo to keep it simple. I doubt it's something a lot of developers are looking for, hopefully a simple note in the markdown is enough to tip people. We will see.

Please review :)

@oliviertassinari
Copy link
Member

oliviertassinari commented Sep 1, 2020

@LogyLeo Could you fix the last standing issues with the CI? It will help, thanks! I believe the unit test fails, we might want to add a simple test case, but not sure it's very relevant.

@LogyLeo
Copy link
Contributor Author

LogyLeo commented Sep 1, 2020

@oliviertassinari thanks a lot for your responsiveness on the subject!

We don't need 3 states indeed; I kept the format used for scroll buttons, since it's a similar feature and may need to have "always on" and "desktop only" options just as well. But you're right, for now a boolean looks better!

I'd like to fix the issues with CI, although I'm not familiar with the tool. The logs indicate that a change in class names causes the error. Where are CI tests written, and can I edit them?

@oliviertassinari
Copy link
Member

oliviertassinari commented Sep 1, 2020

@LogyLeo Looks like we changed the name of the class names (scrollable -> scrollableX), maybe the tests can't find the relevant node?

@oliviertassinari oliviertassinari removed their assignment Sep 1, 2020
@LogyLeo
Copy link
Contributor Author

LogyLeo commented Sep 2, 2020

@oliviertassinari tests passed! :) Thanks for your support.
When can I expect this feature to be released?

@oliviertassinari
Copy link
Member

When can I expect this feature to be released?

@LogyLeo Likely this weekend as v5.0.0-alpha.9

@oliviertassinari oliviertassinari merged commit 995fa45 into mui:next Sep 2, 2020
@oliviertassinari
Copy link
Member

@LogyLeo It's a great first pull request on Material-UI 👌🏻. Thank you for working on it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: tabs This is the name of the generic UI component, not the React module! new feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Tabs] Show scrollbar (for vertical display)
3 participants