Bug 188223

Summary: Keyboard presentation scrolls elements positioned headers off
Product: WebKit Reporter: teamfortress70
Component: WebCore Misc.Assignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: megan_gardner, simon.fraser, wenson_hsieh
Priority: P2    
Version: Safari 11   
Hardware: iPhone / iPad   
OS: Unspecified   

Description teamfortress70 2018-08-01 07:52:47 PDT
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> flex: 1 1 auto; height: 100; width: 100%; overflow: auto;
   scrolling content
   <input />

It'd be desirable to have this function similar to other mobile browsers and resize the view instead.