188223 2018-08-01 07:52:47 -0700 Keyboard presentation scrolls elements positioned headers off 2018-08-01 14:13:38 -0700 1 1 1 Unclassified WebKit WebCore Misc. Safari 11 iPhone / iPad Unspecified NEW P2 Normal --- 1 teamfortress70 webkit-unassigned megan_gardner simon.fraser wenson_hsieh oldest_to_newest 1446874 0 teamfortress70 2018-08-01 07:52:47 -0700 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.