iOS 15 address bar with fixed root element

• Component: Layout and Rendering
• Status: RESOLVED MOVED

[mallchel]

Created attachment 442932 [details]
gap from address bar

Problem:
We have a gap after the bottom address bar collapse


Environment:
IOS 15


Steps:
0. The address bar should be at the bottom position
1. - content inside the root element doesn't stretch it outside the viewport
   - Or we use position: fixed on the root element
2. Start using arrows in the keyboard to tabulation between the input fields
3. Close keyboard


Expected result:
The bottom address bar is returned to the expanded state.

Actual result:
The bottom address bar is collapsed and we see the GAP because height: 100% smaller than the allowed viewport space


Link to the live demo:
https://codesandbox.io/s/pedantic-jennings-hjv3t

[Radar WebKit Bug Importer]

<rdar://problem/84867835>

[Simon Fraser (smfr)]

This is an issue in MobileSafari code, and not WebKit, so it's tracked by internal bug reports.

[mallchel]

Should I create another issue somewhere?

[Simon Fraser (smfr)]

No need, this is already tracked.

[Brent Fulgham]

(In reply to mallchel from comment #3)
> Should I create another issue somewhere?

Have you tested this on iOS 15.1 (19B74)? We believe this bug is fixed in that public release.

[mallchel]

> Have you tested this on iOS 15.1 (19B74)? We believe this bug is fixed in that public release.

Yep, I just tested this case on iOS 15.1, and I've seen the same problem.

Note that in order to reproduce the bug, you need to tab between inputs with the navigation arrows on your keyboard and then close the keyboard.

[mallchel]

Wow!) But in iOS 15.2 seems like all works as expected.