Closed Bug 1427678 Opened 7 years ago Closed 3 months ago

Scrollbars are covering part of a box when scrolling with a trackpad on a touch screen enabled laptop


(Core :: Layout: Block and Inline, defect, P3)

50 Branch
Windows 10



Tracking Status
firefox59 --- affected


(Reporter: karlcow, Unassigned)




(Whiteboard: [webcompat] )

This is a spin off of webcompat bug

This is very specific to touch screen and Firefox on Windows.

To reproduce on macOS, you need to

1. Set your system settings to always show scrollbars.
2. Activate in Firefox the dom.w3c_touch_events.enabled to 1
3. go to
4. Scroll with the trackpad the top ribbon with the scores. 

You will see that the scrollbar is covering the scores. It seems that Chrome does not. 

Though I'm not sure what is the right resolution for this one.
Flags: webcompat?
Confirmed this happens to me on in FF58 on Win10.  To make matters stranger, it seems like the issue goes away when I reload the page.
[ Triage 2017/02/20: P3 ]
Priority: -- → P3
I noticed that the element "leagues" gets "overflow-x: auto;" on the first load (when the scrollbar appears), and "overflow-x: hidden;" on subsequent loads (when there is no scrollbar, but the element isn't mouse or touch scrollable).

On Chrome it only gets "overflow-x: auto", consistently, and there is:
#leagues::-webkit-scrollbar {
  display: none;
which explains why there's no visible scrollbar.

I wonder if ESPN's browser detection isn't working right on the first load.

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

Webcompat Priority: --- → ?

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

Webcompat Priority: ? → ---
Severity: normal → S3

It appears that the site design has changed and I can't reproduce the issue anymore following the steps from comment 0 - only can "scroll" the scores using arrows, so I think we can close this.

Closed: 3 months ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.