Bug 229876 – iOS 15 Beta 8 VisualViewport.height does not account for address bar above virtual keyboard

• Component: Layout and Rendering
• Status: RESOLVED MOVED

[Matan Hershberg]

Created attachment 437279 [details]
Bottom text is covered by virtual keyboard' address bar

iOS 15 Beta 8

VisualViewport.height returns a pixel size that does not account for the address bar above the Virtual Keyboard.

This causes elements that are aligned to the bottom of the page, based on VisualViewport.height, to be hidden by the address bar above the Virtual Keyboard.


I created a test page at https://matan-hershberg-nuance.github.io/ios15-beta-visualviewport-bug/

The test page has an input box, and a paragraph tag that aligns to the bottom of viewport based on VisualViewport.height values.

When clicking the input box and the Virtual Keyboard goes up, the address bar covers the "Bottom" text.

I believe this was not reproducible in earlier versions of the Beta.

[Radar WebKit Bug Importer]

<rdar://problem/82777262>

[Penar Musaraj]

I have run into the same issue in Betas 6 and 7 too. (See also https://pmusaraj.github.io/ios15-bottom-bar2.html for a test page.)

[Matan Hershberg]

Created attachment 437532 [details]
iOS 15 Beta 1 - Issue does NOT exist

In iOS 15 Beta 1 the VisualViewport.height is working correctly, and accounts for the address bar that's attached to the top of the virtual keyboard.

[Simon Fraser (smfr)]

This is a known issue, but exists in Apple internal code, not WebKit.

[christian]

Please link the "Apple internal code" issue.

[Simon Fraser (smfr)]

<rdar://82206406>

[Matan Hershberg]

Thanks Simon,

Is that rdar link something that's publicly available?

[Simon Fraser (smfr)]

It is not.

[christian]

(In reply to Simon Fraser (smfr) from comment #8)
> It is not.

I see it is not in open radar.
http://openradar.appspot.com/search?query=82206406

Can you / are you allowed to summarize the issue ?
(just giving a private id does not help).

[Kevin]

Created attachment 438938 [details]
Final iOS15 - extended tab bar also affected

[Drew Harris]

This issue still exists in the public release of iOS 15 - we're "accounting" for it by adding extra margin when a text field is focused, but that obviously makes the experience much worse for someone on iOS 15 who has moved the address bar back up to the top.

[Tom]

Is there any update on this issue? Being unable to see the internal safari tracker means that we have no visibility on how this has been prioritised.

[Kevin]

I got the new iOS 15.1 beta and surprise! It’s fixed.

[Kevin]

Created attachment 440634 [details]
iOS 15.1 beta nearly fixed it

[Yiannis St.]

on IOS 15.1 - Issue do not exist also

[Brent Fulgham]

The fix for this issue was needed outside the WebKit project, therefore this is being resolved as 'Moved'.

The relevant issue (rdar://82838315) was released in iOS 15.2.