Material UI - Разблокировать прокрутку при открытии popover

Question

Прокрутка блокируется с помощью Popover в соответствии с новой версией материала-пользовательского интерфейса.

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

Я хочу, чтобы полоса прокрутки оставалась видимой, когда всплывающее окно открыто.

Я использую Material-UI V3.8.1.

Answer 1

это можно исправить с помощью контейнерных опор Popover.Контейнерный реквизит - это узел, экземпляр компонента или функция, которая возвращает либо.Контейнер будет передан модальному компоненту.По умолчанию он использует тело объекта документа верхнего уровня anchorEl, поэтому большую часть времени это просто document.body.Эта настройка по умолчанию заставляет документ удалять полосу прокрутки.Поэтому я просто использовал его прямого родителя для контейнера вместо настроек по умолчанию, и это решило проблему.:)

<Popover
  open={...}
  anchorEl={...}
  anchorOrigin={...}
  container={this.AnchorEl.parentNode}
>

Спасибо

Answer 2

Согласно документам, если вы хотите сохранить полосу прокрутки, вам следует использовать Popper вместо Popover.