The iOS Safari keyboard scroll bug, fixed with one line of CSS

A bug in iOS Safari causes the keyboard to scroll the entire screen when the content is short. Adding a padding-bottom to the inner scroll container fixes the issue. This is due to a WebKit bug where the layout viewport gets shorter than the visual viewport when the keyboard appears. To fix, add the following CSS: .editor .ProseMirror { padding-bottom: 60vh; }