Material-UI добавляет отступ к тегу body при открытии диалога

Question

Я использую Material-UI в своем приложении реакции. Недавно я обновил свои пакеты до последней версии. Теперь, когда я открываю диалог в моем приложении, padding-right: 17px; будет добавлено в тег body. Я также проверил сайт Material-UI, и это происходит на их веб-сайте также с диалогами.

Это ошибка в новой версии Material-UI?

Как мне удалить этот отступ из тега body при открытии диалога?

Обновить : Этот отступ будет добавлен в тег body с компонентами Drawer, Menu, Dialog и Popover.

Answer 1

Вы можете использовать класс с фиксированным mui для решения этой проблемы, это полезно для меня.

Вот ссылка на документ с фиксированным интерфейсом пользовательского интерфейса материала: https://material-ui.com/getting-started/faq/#why -do-the- фиксированные позиционные-элементы-ход-когда-мод-открываются

Надеюсь, это кому-нибудь поможет.

Answer 2

Для меня решение было добавить

overflow: auto;

в селектор # root:

#root { 
    ... other css that was there before
    overflow: auto;
}