1826410 - Firefox on Android resizes the viewport when the virtual keyboard appears (when it should instead clip/cover a portion of the viewport), causing e.g. chat history to be hidden at https://bard.google.com/

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect, P3)

Description

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

(This might already be tracked somewhere; please dupe if so)

STR:

1. Load attached testcase in Firefox for Android.
2. Focus the textarea.

ACTUAL RESULTS:
The bordered area resizes (indicating that the root viewport i.e. the initial containing block was also resized), and the red bottom-border remains visible.

EXPECTED RESULTS:
The viewport should not be resized. It should instead be partially covered up by the keyboard. (Or it should be pushed offscreen, if the covering-up approach would cover up the textarea.)

Bramus mentioned this behavior in his last paragraph at https://github.com/mozilla-mobile/firefox-ios/issues/11574#issuecomment-1443853113 :

Related: Firefox (both on iOS and Android) resize the ICB when the Virtual Keyboard gets shown.

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: testcase 2 (now with the textbox at the bottom)

Here's an example with the textarea at the bottom. Here, the keyboard is expected to push the viewport upwards (so that the textarea remains visible, and the red top-border gets pushed offscreen).

Chrome matches that expectation; but in Firefox, we simply reduce the size of the viewport, so the red border stays onscreen.

This is an extremely simplified version of https://bard.google.com/ which is affected by this issue. The chat history there is in the middle of the screen, with a textbox at the bottom. When you focus the textbox, Firefox compresses the viewport and cuts off the bottom (the most-recent-content) in the chat history, which is annoying if you're trying to respond to something that Bard just said.

Comment 3

[Jeff Muizelaar [:jrmuizel]]

Reopening to track this as a site issue

Comment 4

[Daniel Holbert [:dholbert]]

Both attached testcases behave as-expected in Nightly now.

https://bard.google.com/ itself no longer exists (it's been rebranded as Gemini and has undoubtedly gone through some redesigns). Retesting at the current site, I'm seeing consistent behavior between Firefox vs. Chrome (where the textbox now actually covers up the most recent answer in both, but interoperably and for reasons unrelated to what was originally happening here).

Comment 5

[Daniel Holbert [:dholbert]]

This was presumably fixed by bug 1884807, I think.

Comment 6

[Daniel Holbert [:dholbert]]

(bug 1842574 comment 11 part B might suggest we leave this open, but I'll keep it closed in this case because here the site has changed sufficiently that the issue is no longer testable there, per comment 4. The testcases are still useful for confirming that the bug-with-the-site-as-it-used-to-exist-is-now-fixed, but they're not reflecting an actual in-the-wild webcompat issue at an identified site, and they're essentially just direct testcases for bug 1884807.)