Elements positioned with methods flexbox or position absolute/fixed to serves as consistent headers/toolbars are scrolled off when inputs are at the bottom of the page. This is a common pattern when switching away from body scrolling, and instead containerizing content in an app structure. pseudo example: <div> display: flex; flex-direction: column; height: 100%; position: relative; <div> flex: 0 0 auto; width: 100%; header content </div> <div> flex: 1 1 auto; height: 100; width: 100%; overflow: auto; scrolling content <input /> </div> </div> It'd be desirable to have this function similar to other mobile browsers and resize the view instead.