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] Fix scroll issue on expanded live demos #35064

Merged
merged 2 commits into from Nov 11, 2022

Conversation

bharatkashyap
Copy link
Member

@bharatkashyap bharatkashyap commented Nov 9, 2022

close #35095

This is a follow-up on #34870, fixing this bug:

  1. Open https://mui.com/material-ui/react-tabs/#basic-tabs, e.g. Chrome (I'm using Brave)
  2. Turn the dark mode on
Scroll.mov

The solution is to move the style override to the same styled() element so that emotion can inject the styles in the right order in the DOM.

https://deploy-preview-35064--material-ui.netlify.app/material-ui/react-tabs/#basic-tabs

@bharatkashyap bharatkashyap added the docs Improvements or additions to the documentation label Nov 9, 2022
@mui-bot
Copy link

mui-bot commented Nov 9, 2022

Messages
📖 Netlify deploy preview: https://deploy-preview-35064--material-ui.netlify.app/

No bundle size changes

Generated by 🚫 dangerJS against 1e29180

@oliviertassinari

This comment was marked as resolved.

@bharatkashyap

This comment was marked as resolved.

@oliviertassinari oliviertassinari added the bug 🐛 Something doesn't work label Nov 10, 2022
@oliviertassinari
Copy link
Member

@bharatkashyap Ah awesome, I could reproduce, thanks for raising. I have:

  • updated the PR description to have a clear reproduction
  • pushed a change that makes the styles injection order deterministic (replace the need for !important).

Copy link
Member

@siriwatknp siriwatknp left a comment

Choose a reason for hiding this comment

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

✅ It works on my side.

@oliviertassinari oliviertassinari merged commit 92c3e84 into mui:master Nov 11, 2022
@oliviertassinari
Copy link
Member

oliviertassinari commented Nov 11, 2022

I'm merging as something is wrong with the GitHub CI action, Bharat won't be able to merge, I had to use the MUI Core admin right to override the missing CI run.

@codeinearts
Copy link

FYI this still happening on the live documentation website. Tried the changes on local and seems to be working ok though 👍

@oliviertassinari
Copy link
Member

oliviertassinari commented Nov 14, 2022

@codeinearts we will likely deploy this change tomorrow to https://mui.com. The fix is only on https://master--material-ui.netlify.app/ right now.

the-mgi pushed a commit to the-mgi/material-ui that referenced this pull request Nov 17, 2022
Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>
daniel-rabe pushed a commit to daniel-rabe/material-ui that referenced this pull request Nov 29, 2022
Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>
feliperli pushed a commit to jesrodri/material-ui that referenced this pull request Dec 6, 2022
Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[docs] DemoEditor not allowing scroll on website documentation
5 participants