google.com - a horizontal scroll bar is displayed under the categories section when the page is loading
Categories
(Web Compatibility :: Site Reports, enhancement, P3)
Tracking
(firefox68 affected)
Tracking | Status | |
---|---|---|
firefox68 | --- | affected |
People
(Reporter: karlcow, Unassigned)
References
(Depends on 1 open bug, )
Details
(Whiteboard: [webcompat][sci-exclude][webcompat:sightline])
This is a bug report in the context of testing Google Image Search
with Firefox Android
with a Chrome UA string.
to study what are the gaps we may need to solve.
See https://webcompat.com/issues/29647 for details
To reproduce:
Settings:
- Open Firefox Desktop
- Set the browser in RDM (Responsive Design Mode)
- Screen size 411x731
- DPR: 2.6
- User Agent: Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3769.0 Mobile Safari/537.36
- Touch activated.
Then:
- Navigate to: https://www.google.com/search?q=lacoste&tbm=isch&hl=en&chips=q:lacoste,g_1:crocodile:RPvlGo1CL9I%3D,g_1:logo:GF43clVn1iQ%3D&hl=en&ved=2ahUKEwjr-4DlztnhAhWKOuwKHYrNDyUQ4lZ6BAgBEBg&biw=360&bih=560
- Tap on any filter (such as HD, Product, etc.)
- Observe the Categories section and all scrollable sections.
Expected Behavior:
The Categories section is displayed without the scrollbar
Actual Behavior:
A horizontal scroll bar is displayed under the categories section, for a split second.
This is not happening in Chrome.
Comment 1•6 years ago
|
||
Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.
Comment 2•6 years ago
|
||
See bug 1547409. Migrating whiteboard priority tags to program flags.
Updated•6 years ago
|
Updated•6 years ago
|
Comment 3•2 years ago
|
||
It's a webkit-scrollbar bug, but very minor, so let's set it as P3.
Updated•2 years ago
|
Comment 4•10 months ago
|
||
I can't seem to reproduce this (perhaps it's because I can only use an integer DPI?) but I do see styles like this in their CSS, so I presume the scrollbar may still be triggerable in some circumstances:
.scqVmb {
overflow-x:scroll;
padding-bottom:16px;
-webkit-overflow-scrolling:touch
}
.scqVmb::-webkit-scrollbar {
display:none
}
Updated•10 months ago
|
Comment 5•10 months ago
|
||
Closing as worksforme for now based on comment 4, we can reopen if we still see this again.
Updated•3 months ago
|
Description
•