Bug 198347
| Summary: | Visual Viewport resize not firing when keyboard opens | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Liam DeBeasi <ldebeasi> |
| Component: | DOM | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | ||
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 12 | ||
Liam DeBeasi
When opening the virtual keyboard on iOS, I would expect the visual viewport height to be updated and the visual viewport resize event to be fired; however, this is not happening.
I created a CodePen to demonstrate the issue: https://s.codepen.io/liamdebeasi/debug/KLGwJN/nqkwvGNEOXNA
Here is the source code: https://codepen.io/liamdebeasi/pen/KLGwJN
Expected Behavior:
Bringing focus to the top-most input opens the keyboard, which in turn causes the visual viewport height to be updated and the visual viewport resize event to be fired.
Actual Behavior on Safari for iOS:
The visual viewport height is not updated, and the resize event is not fired.
Actual Behavior on Chrome for Android (for comparison):
The visual viewport height is updated, and the resize event is fired.
I have tested this on iOS 12.3 release and 12.4 beta 3. Additionally, I have tested this on "trunk" using a build from May 29, 2019 (I cloned the repository, compiled it, and opened my CodePen in the "iPhone for WebKit Development" iOS Simulator).
This is related to https://bugs.webkit.org/show_bug.cgi?id=193475, but this functionality does not seem to be working properly.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Liam DeBeasi
Looks like this was fixed on iOS 13. Thanks!