react-modal icon indicating copy to clipboard operation
react-modal copied to clipboard

Safari injects additional css that make a modal disappear

Open Cerberus opened this issue 4 years ago • 0 comments

Bug:

Safari injects css -webkit-overflow-scrolling: touch and make a modal disappear.

Steps to reproduce:

  1. Open any website that use react-modal with iOS device. (not simulating on browser)
  2. Inspect the dom that contains class ReactModal__Content via Macbook.
  3. Found -webkit-overflow-scrolling: touch on the right hand side.
inspect

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.

Cerberus avatar May 21 '20 13:05 Cerberus