1847213 - The "Next" button overlaps the input field for gender selection when creating an account at pinterest.com

Status: NEW

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

Description

[Raul Bucata]

Attachment: Screenshot_9.png

Environment:
Operating system: Android 12
Firefox version:Firefox Nightly 118.0a1 (2015966179-🦎118.0a1-20230803214045🦎)

Preconditions:
Clean profile

Steps to reproduce:

1. Navigate to : https://www.pinterest.com/#top
2. Tap on the "Continue with email" button.
3. Complete the process until the gender selection page.
4. When on the gender selection page, tap on the "Specify another" option.
5. Tap inside the input field.
6. Observe the result.

Expected Behavior:
The input field loads as expected.

Actual Behavior:
The "Next" button overlaps the input field.

Notes:

• Reproducible regardless of the status of ETP
• Reproducible on the latest build of Firefox Nightly and Release
• Works as expected using Chrome
• Screenshot attached
• Issue found during WebCompat team [Top100] websites testing

Comment 1

[Calin Tanase]

Verified this issue and it's still reproducible on Firefox versions 122 and 124.

Environment:
Operating system: OnePlus 6 A6000 (Android 11)
Browsers: Firefox Nightly 124.0a1-20240211213657 / Firefox Release 122.0.1-20240205133611 / Chrome 121.0.6167.144

Note: Not reproducible on Chrome

Comment 2

[James Graham [:jgraham]]

I couldn't reproduce this one any more on nightly. :calin are you able to repro still, or can we close it?

If it can be reproduced it seems likely to be a viewport issue, so should be looked at by layout.

Comment 3

[Daniel Holbert [:dholbert]]

I was able to repro on Firefox release 130.0 but not on Nightly.

(Even on release where I can repro, I can still scroll the page to see the whole textfield, while the keyboard is up; so it's a minor annoyance that you might have to do that, but doesn't fully break the site).

This is similar to bug 1911803 (though less severe because scrolling is possible here).

Bug 1884807 changed how the viewport is defined here, such that the "Next" button will no longer slide up and stick to the keyboard. (And bug 1916002 will let that ride to release). So let's keep this in the "stuff that we can close after we fix bug 1911803" category.