[Modal] `blockScrollOnMount` fails on iOS devices

Describe the bug blockScrollOnMount fails on iOS devices. Scrolling the background remains, and the following error appears in the console:

disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.

See https://github.com/willmcpo/body-scroll-lock/blob/master/src/bodyScrollLock.js#L148

Expected Behavior Scrolling should stop.

To Reproduce

1. Use an iOS device
2. Go to https://chakra-ui.com/modal#block-scrolling-when-modal-opens
3. Click on any modal (by default, they all have blockScrollOnMount = true)
4. Scroll the page

Desktop (please complete the following information):

• OS: iOS
• Browser: Safari
• Version: Tested on both 13.4.1 and 11

[dusty]

I’m getting this error logged to the console for me as well, but not even using an ios device, just using firefox or chrome on a mac.

I found I could prevent the errors from logging to the console, by locking to a previous body-scroll-lock version using resolutions in my package.json file.

"resolutions": {
    "body-scroll-lock": "3.0.3"
  },

Note: looking through the code, it appears they dropped body-scroll-lock and replaced it with react-remove-scroll in v1.

[gaurangrshah]

I can confirm I’m also seeing this issue on OSX, tested in both safari and chrome, has this been updated already?