If you build a full-screen mobile editor as a position: fixed overlay with a fixed toolbar on top and a nav bar on the bottom, iOS Safari will happily scroll your entire chrome off-screen the moment the soft keyboard opens — but only when the content is short. The fix isn't a JavaScript viewport dance. It's one line:

.editor .ProseMirror {

padding-bottom: 60vh;

}

Enter fullscreen mode