scrollMargin and scrollThreshold not working on IOS

[DenysPoliarush]

Hello guys. First of all, thanks for your work.

I am building an application where I am using the Tiptap editor witch based on the Prosemirror editor. I have a floating menu that is under the cursor and I want it to always be shown above the keyboard on mobile devices and not hide under it. So I used scrollMargin and scrollThreshold.

  scrollMargin: { bottom: 80px }, 
  scrollThreshold:  { bottom: 80px }

And it works well when pressing enter, arrow up and arrow down keys on desktop, or enter key on android. But doesn't work at all on iOS.

Expected behavior:
When pressing Enter, the cursor should be 80px above the keyboard

Here are examples:

IOS

Android

Can you fix it? Thanks!

[marijnh]

I looked into this and it appears that Mobile Safari just reports the entire document size for innerHeight, so ProseMirror's scrolling code doesn't really know how large the actual viewport is. I searched the web a bit but didn't find an obvious workaround for that. Thus, while the native scrolling-into-view works, ProseMirror's own logic, which takes the scrollMargin into account, is pretty much disabled.