React hooks for getting the document height that updates when the On Screen Keyboard/Virtual Keyboard toggles

useDocumentHeight.ts

The latest version is available at https://martijnhols.nl/gists/how-to-get-document-height-ios-safari-osk

useOnScreenKeyboardScrollFix.ts

import { useEffect } from 'react'

const useOnScreenKeyboardScrollFix = () => {
  useEffect(() => {
    const handleScroll = () => {
      window.scrollTo(0, 0)
    }

    window.addEventListener('scroll', handleScroll)

    return () => {
      window.removeEventListener('scroll', handleScroll)
    }
  }, [])
}

export default useOnScreenKeyboardScrollFix

how can i get keyboard height

Hi @MartijnHols, First of all, thank you so much for your work!!! I have the same issue on my app and I implemented your solution and it works but most of the time when the keyboard is open and the screen resizes + the scroll to top emitting, there is a glitch that the app slides from the bottom to the top... Here is an example, first focus has the glitch and the second don't:

Screen.Recording.2024-06-23.at.12.45.24.mov

same problem here. did you end up getting a fix?