Bug 188223 - Keyboard presentation scrolls elements positioned headers off
Summary: Keyboard presentation scrolls elements positioned headers off
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebCore Misc. (show other bugs)
Version: Safari 11
Hardware: iPhone / iPad Unspecified
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2018-08-01 07:52 PDT by teamfortress70
Modified: 2018-08-01 14:13 PDT (History)
3 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
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.