[Modal] Android Chrome input focus causes scroll

Bug report

Describe the bug

Weird issue on Android Chrome. I have a long page and scroll down quite a bit, then open a Modal and it has some Input components. If I click on an input the browser scrolls down and I can no longer see the focused input.

To reproduce

1. Using Android Chrome go to https://3zf6r.csb.app
2. Scroll all the way to the bottom
3. Click the Open Modal button
4. In the modal select the first input
5. You will see that the browser scrolls down the page and the input is no longer visible

Minimal reproduction

https://codesandbox.io/s/xenodochial-boyd-3zf6r (https://3zf6r.csb.app)

Expected behavior

When focusing on an input the browser should not scroll way down - the input should still be visible.

Screenshots

System information

• OS: Android (any version)
• Browser (if applies): Chrome
• Version of @chakra-ui/core: 1.0.0-rc.3

Additional context

I noticed passing blockScrollOnMount={false} to the Modal stops the issue from occurring, but that leads to some other issues on various browsers. Either way sounds like react-remove-scoll has the issue or its not being configured correctly by Chakra.

[with-heart]

I can verify that this is happening on my device as well.

[joserocha3]

@with-heart thanks, man. You are super on top of everything. Thank you for confirming!