[Webkit-unassigned] [Bug 218983] New: iOS: visualViewport.height unreliable in standalone PWA mode

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=218983

            Bug ID: 218983
           Summary: iOS: visualViewport.height unreliable in standalone
                    PWA mode
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: DOM
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: andrea.giammarchi at gmail.com

If an input gets focused while in landscape, and then the keyboard gets dismissed, rotating to portrait would trigger a visualViewport resize event but its height/dimension won't reveal the real available height on the screen.

How to reproduce:

  * visit https://webreflection.github.io/screenfit/
  * add to home screen the page
  * start the screenfit PWA
  * rotate to landscape (wider width)
  * focus the input
  * dismiss the keyboard
  * rotate back to portrait (taller height)

The screen is now stuck with a smaller area than it should.

As example, on iPhone 12 mini the landscape height is 375px, while the portrait height is 762px ... after triggering in/out the keyboard on landscape, the portrait height becomes 325px, while it's 382px when the keyboard is up.

Focusing the input and dismissing the keyboard again in portrait fixes the issue, but the fact landscape keyboard breaks expectations is both unexpected, and apparently unique to iOS, as behavior, but it's undetectable, and there's no easy fix from userland.

Thanks for improving this, if possible.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20201116/1bf441f8/attachment.htm>