Я хотел бы предложить следующее изменение,
Компонент Dialog
устанавливает стиль <body>
как overflow: hidden;
. И при отклонении это правило стиля отменяется.
Но если компонент удаляется из DOM во время отображения Dialog, он делает все тело не прокручиваемым из-за вышеуказанного стиля.
Я бы предложил componentWillUnmount
следующим образом:
componentWillUnmount: function() {
// dialog has a side-effect if this not checked
document.body.style.overflow = 'auto';
}
или, чтобы быть более независимым, функция жизненного цикла componentDidMount
может сохранять исходное состояние стиля тела и при отключении этот стиль может быть восстановлен.
+1 У меня сейчас эта проблема, потому что я сам управляю, находится ли диалог в домене или нет.
Проблема находится внутри компонента Overlay
. Свойство overflow
обновляется только в componentDidUpdate
. Но когда он удаляется, свойство никогда не сбрасывается: /
+1
Не работает со свойством overflow-y: overlay;
CSS:
Самый полезный комментарий
Не работает со свойством
![ezgif com-video-to-gif](https://user-images.githubusercontent.com/10671879/65415837-38272800-ddff-11e9-8a99-d85154a0f544.gif)
overflow-y: overlay;
CSS: