Панель Material UI прокручивает фоновую страницу вверх при открытии

#reactjs #material-ui

#reactjs #материал-пользовательский интерфейс

Вопрос:

Я использую material-ui в качестве пакета пользовательского интерфейса для приложения. В приложении я использую таблицу материалов с пользовательской бесконечной прокруткой. При щелчке по строке справа от веб-страницы открывается ящик. Как только ящик открывается, фон ящика (таблица бесконечной прокрутки и общая страница) автоматически прокручивается обратно к началу страницы. Это делает эту страницу очень недружелюбной для пользователей.

Я пробовал решения, упомянутые здесь, но, похоже, это не работает. Я пытался использовать это так:

 <Drawer ModalProps={{disableRestoreFocus: true}} disableRestoreFocus>{content}</Drawer>
  

Я не смог найти больше информации о material-ui github или здесь, в stack overflow.

Кто-нибудь сталкивался с этой проблемой или знает какие-либо другие варианты, которые я могу попробовать?

Заранее спасибо.

Ответ №1:

Для material-ui v4 вы можете добавить этот атрибут в компонент ящика:

 disableScrollLock={true}