When an input field is selected on iOS Safari, about ≈150px is injected, outside of the DOM, below the HTML tag
I’ve spent some time messing around with different height values (SVH is preferred in my instance) and overflow style settings, using JS and CSS, but none of that has an impact because the space added to the webpage appears to be independent of the DOM and inaccessible via the console
I’ve linked a video to Imgur that shows the issue on mobile. You can see the HTML tag turn blue when I hover over the element in the console
Has anyone found a solution for this?
https://codesandbox.io/s/purple-dew-fibs5k?file=/src/index.tsx