Unable to scroll the "Add card details" form when reserving a place on airbnb.com
Categories
(Web Compatibility :: Site Reports, defect, P1)
Tracking
(Not tracked)
People
(Reporter: ctanase, Unassigned)
References
(Depends on 1 open bug, Blocks 1 open bug, )
Details
(Keywords: webcompat:needs-diagnosis)
User Story
platform:android impact:workflow-broken configuration:general affects:all diagnosis-team: Layout
Attachments
(1 file)
917.34 KB,
video/mp4
|
Details |
Environment:
Operating system: OnePlus 6 A6000 (Android 11)
Firefox version: Nightly 117.0a1-20230709093445
Steps to reproduce:
- Go to https://www.airbnb.com
- Log into your account.
- Access any accomodation.
- Tap the "Reserve" button.
- Scroll down the page.
- Tap on the "Credit or debit card" option on the "Pay with" section.
- Tap on the "Zip code" field and try to scroll.
Expected Behaviour:
The form can be scrolled.
Actual Behaviour:
Unable to scroll in order to see the field.
Notes:
- Screen rec provided
- Reproducible on Firefox Release as well
- Reproducible regardless of the ETP
- Not reproducible on Chrome
Reporter | ||
Comment 1•6 months ago
|
||
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-20240129214018 / Firefox Release 122.0-20240118164516 / Chrome 121.0.6167.101
Note: Not reproducible on Chrome
Updated•6 months ago
|
Updated•6 months ago
|
Assignee | ||
Updated•5 months ago
|
Updated•4 months ago
|
Comment 2•4 months ago
|
||
Pull-to-refresh might be a symptom of the problem here (Firefox thinks the page isn't scrollable --> it responds to a touch-drag with pull-to-refresh instead of scrolling) rather than the cause.
(This can be tested by going to Settings --> Customize and toggling "Pull to refresh" off. If the problem still reproduces, pull-to-refresh isn't the cause.)
A possible theory for the underlying cause of the problem is differences in handling the software keyboard between Firefox and Chrome. Firefox currently resizes the ICB when showing the software keyboard, while Chrome only resizes the visual viewport. I think with some page structures (e.g. a position: fixed
element whose size is taller than the area above the keyboard and does not shrink when the ICB shrinks), this can render parts of the element unreachable by scrolling in Firefox.
If this is the case, the ongoing work in bug 1831649 might help with this.
Updated•3 months ago
|
Updated•2 months ago
|
Updated•1 month ago
|
Description
•