Stuck on a particular problem? Check some of these common gotchas first.
If you still cannot find what you are looking for, you can ask the community in gitter.
For how-to questions and other non-issues, please use StackOverflow instead of Github issues. There is a StackOverflow tag called material-ui that you can use to tag your questions.
We block the scroll as soon as a modal is opened.
It prevents interacting with the background when the modal should be the only interactive content.
However, removing the scrollbar can make your fixed positioned elements move.
In this situation, you can apply a global .mui-fixed class name to tell Material-UI to handle those elements.
The best solution to date is to write wrapping components for all the Material-UI components showing a ripple.
The ripple effect is exclusively coming from the BaseButton component.
You can find the components using the BaseButton following this link.
Then, all you have to do is to provide the disableRipple property.
As a rule of thumb, only use inline-style for dynamic style properties. The CSS alternative provides more advantages. To name some of those pros:
- auto-prefixing
- better debugging
- allow media queries
- allow keyframes