Closed Bug 1545659 Opened 6 years ago Closed 10 months ago

google.com - a horizontal scroll bar is displayed under the categories section when the page is loading

Categories

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

Unspecified
Android
enhancement

Tracking

(firefox68 affected)

RESOLVED WORKSFORME
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:

  1. Open Firefox Desktop
  2. Set the browser in RDM (Responsive Design Mode)
  3. Screen size 411x731
  4. DPR: 2.6
  5. 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
  6. Touch activated.

Then:

  1. 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
  2. Tap on any filter (such as HD, Product, etc.)
  3. 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.

Flags: webcompat?

Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.

Webcompat Priority: --- → ?

See bug 1547409. Migrating whiteboard priority tags to program flags.

Whiteboard: [webcompat] → [webcompat][sci-exclude]
Webcompat Priority: ? → revisit
Flags: webcompat?

It's a webkit-scrollbar bug, but very minor, so let's set it as P3.

Severity: normal → S3

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
}
Component: Layout → Site Reports
Depends on: 1886138
Product: Core → Web Compatibility
Summary: A horizontal scroll bar is displayed under the categories section when the page is loading → google.com - a horizontal scroll bar is displayed under the categories section when the page is loading
Version: 68 Branch → unspecified
Webcompat Priority: P3 → ---

Closing as worksforme for now based on comment 4, we can reopen if we still see this again.

Status: NEW → RESOLVED
Closed: 10 months ago
Resolution: --- → WORKSFORME
Whiteboard: [webcompat][sci-exclude] → [webcompat][sci-exclude][webcompat:sightline]
You need to log in before you can comment on or make changes to this bug.