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 | ||
teamfortress70
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |