Closed Bug 1847213 Opened 2 years ago Closed 1 year ago

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

Categories

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

Product:
Web Compatibility
Component:
Site Reports
Version:
Firefox 118
Platform:
Other
Android
Type:
defect

Tracking

(firefox132 fixed)

Status:
RESOLVED FIXED
Tracking Flags:
Tracking Status
firefox132 --- fixed

People

(Reporter: rbucata, Assigned: botond)

References

(
URL
)

Details

(Keywords: webcompat:platform-bug, webcompat:site-report, Whiteboard: [webcompat:sightline])

User Story

platform:android
impact:significant-visual
configuration:general
affects:all
branch:release
diagnosis-team:layout

Attachments

(1 file)

Screenshot_9.png
236.73 KB, image/png
Details
Attached image 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

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

Severity: -- → S3
Keywords: webcompat:needs-diagnosis
Priority: P3 → P2
Component: Mobile → Site Reports
User Story: (updated)

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.

Severity: S3 → S4
User Story: (updated)
Flags: needinfo?(ctanase)
Keywords: webcompat:site-report
Priority: P2 → P3

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.

Depends on: 1916002, 1884807
Flags: needinfo?(ctanase)

Verified the issue and could no longer reproduce it. The gender field is no longer present on my side, but other fields that have a next button did not show any issues

Tested with:

Browser / Version: Firefox Release 132.0.2 (2016055415-🦎132.0.2-20241110192737🦎)/Firefox Nightly 134.0a1 (2016056767-🦎134.0a1-20241117211558🦎)/
Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)
Operating System: Oppo Find X5 (Android 13) - 1080 x 2400 pixels, 20:9 ratio (~402 ppi density)

Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
Assignee: nobody → botond
status-firefox132: --- → fixed
Whiteboard: [webcompat:sightline]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: