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

[docs-infra] Remove overflow: hidden for demo gradient bg #39225

Merged
merged 1 commit into from
Oct 8, 2023

Conversation

oliviertassinari
Copy link
Member

@oliviertassinari oliviertassinari commented Sep 29, 2023

I noticed this from #39176. Open https://mui.com/base-ui/react-tabs/#introduction, no scrollbar:

Screenshot 2023-09-30 at 00 57 47

IMHO, we should almost never use overflow: hidden but there are rare valid ones e.g. skeleton animation background.

Now, in my example, we should also likely fix the demo itself, but here, my goal is to have better behavior when it goes wrong, and make it feel less broken.

Preview: https://deploy-preview-39225--material-ui.netlify.app/base-ui/react-tabs/#introduction

@oliviertassinari oliviertassinari added bug 🐛 Something doesn't work scope: docs-infra Specific to the docs-infra product labels Sep 29, 2023
@@ -198,7 +198,6 @@ const DemoRootMaterial = styled('div', {
shouldForwardProp: (prop) => prop !== 'hideToolbar' && prop !== 'bg',
})(({ theme, hideToolbar, bg }) => ({
position: 'relative',
outline: 0,
Copy link
Member Author

Choose a reason for hiding this comment

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

Legacy, we can't focus this container anymore

@mui-bot
Copy link

mui-bot commented Sep 29, 2023

Netlify deploy preview

https://deploy-preview-39225--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 3817e14

@oliviertassinari oliviertassinari merged commit b332350 into mui:master Oct 8, 2023
@oliviertassinari oliviertassinari deleted the demo-overflow branch October 8, 2023 13:23
@oliviertassinari
Copy link
Member Author

Merged as there seems to be no downsides to this change.

Actually, I think that we can broaden the topic on how we want to manage the overflow style on the demos: #39344.

mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Oct 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work scope: docs-infra Specific to the docs-infra product
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants