Keyboard presentation scrolls elements positioned headers off

• Component: WebCore Misc.
• Status: NEW ---

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.