react-modal
react-modal copied to clipboard
Safari injects additional css that make a modal disappear
Bug:
Safari injects css -webkit-overflow-scrolling: touch
and make a modal disappear.
Steps to reproduce:
- Open any website that use react-modal with iOS device. (not simulating on browser)
- Inspect the dom that contains class
ReactModal__Content
via Macbook. - Found
-webkit-overflow-scrolling: touch
on the right hand side.

Expected behavior:
Display a modal correctly.
- Is it a great idea if we add
-webkit-overflow-scrolling: initial !important;
by default ?
Workaround solution:
Add global css.
.ReactModal__Content {
-webkit-overflow-scrolling: initial !important;
}
Additional notes:
- iOS 13.4.1
It's okay to close this issue. I just want to inform and record for an information.