Closed Bug 1142963 Opened 9 years ago Closed 9 years ago

Intermittent scrolling on details view on iPhone

Categories

(Websites :: Shape of the Web, defect)

x86
macOS
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: agibson, Unassigned)

Details

Attachments

(1 file)

If I try to scroll the details view on Shape of the Web with my iPhone, scrolling is very intermittent. I noticed the following behavior:

- the first time I try and scroll down the page, the first touch/drag does nothing. The page does not move Only the second attempt to scroll does anything.

- if I try to scroll back up the page at all. the next subsequent attempt to scroll back down the page also fails.

At first I assumed the issue was likely JS related, but I thought this was strange since I don't see the same behavior on my Firefox OS device. Then I noticed the iOS specific CSS property -webkit-overflow-scrolling: touch; applied to the <body> [1].

I have no idea why this is there. It is meant for elements that have `overflow: scroll` behavior only, to add native momentum scrolling. I think removing it will likely fix this bug.

[1] https://github.com/mozilla/lorax/blob/master/src/styles/base/scaffolding.less#L28
Attached file GitHub pull request
Opened a quick PR with what (i think) should fix this.
Commits pushed to master at https://github.com/mozilla/lorax

https://github.com/mozilla/lorax/commit/e1b02c2805d3d26133db0b1e3a8829101a368cf4
[fix bug 1142963] Intermittent scrolling on details view on iPhone

https://github.com/mozilla/lorax/commit/718719265f8e2783e28fad6a3b64872ad67ea836
Merge pull request #20 from alexgibson/bug-1142963-intermittent-scrolling-details-view-iphone

[fix bug 1142963] Intermittent scrolling on details view on iPhone
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: