Modal malfunction on Chrome for Android when virtual keyboard is dismissed and modal closed

[rob-rooam]

In our web application, we have identified an issue where the modal stops working under certain conditions. Specifically, this occurs when the user uses the Chrome browser on an Android device, the modal contains a field, and the virtual keyboard is dismissed. Once the modal is closed, it no longer functions properly. Looks like the main div that contains the react-modal-sheet-container and the backdrop button is not getting cleared up under this given context. It works for iOS though.

I reproduced it in this repo

[immortal-blog]

Yes. This is a bug. Even in safari for iOS, the height of this modal changes after opening and closing the virtual keyboard, becoming taller. Even destroying this component is useless. This will affect the display experience.
This problem can be triggered when in the iOS 16.3.1 web PWA app (Safari - Add to Home Screen).
This problem will not happen in the Safari browser.

[JMarchandev]

<Sheet
isOpen={true}
disableDrag={true}
detent="full-height"
snapPoints={[0.75]}
onClose={() => {}}
disableScrollLocking={true} // add this one <----------