Bug 228907 - Scroll freezes at top or bottom after tab or menu changes
Summary: Scroll freezes at top or bottom after tab or menu changes
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: WebKit Nightly Build
Hardware: iPhone / iPad iOS 14
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-08-08 18:54 PDT by Lex
Modified: 2021-08-15 18:55 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Lex 2021-08-08 18:54:59 PDT
Scroll views freeze after repeated over-scrolling OR tab change OR menu selection. Bug is intermittent but is reproducable after a number of attempts.

Appears to only occur when scroll is at top or bottom. 

Repro: load following link, load a public template and then switch between tabs and menu and then try scrolling. If freeze does not occur try again multiple times. Eventually scroll will freeze. Seems more prevalent once the app has been saved to home-screen.

https://6110895018e9b10008b5cf4c--robowrite.netlify.app/

See other issues which I believe are linked with this. People are understandably confusing it for a framework bug.

https://stackoverflow.com/questions/39692337/div-scrolling-freezes-sometimes-if-i-use-webkit-overflow-scrolling
https://github.com/ionic-team/ionic-framework/issues/22205
https://github.com/ionic-team/ionic-framework/issues/13343
https://stackoverflow.com/questions/25596960/issues-with-touch-scroll-on-ios-when-focusing-inputs
https://codesandbox.io/s/l212qz0o99?file=/src/index.js&resolutionWidth=320&resolutionHeight=675
https://github.com/ionic-team/ionic-framework/issues/10454
https://github.com/judgewest2000/IonicPwa/blob/master/src/pages/scroll-content/scroll-content.ts
https://bugs.webkit.org/show_bug.cgi?id=185614
Comment 2 Lex 2021-08-09 03:08:26 PDT
The only consistent fix out of the many out there is setting html element (not body but only html) position to fixed. However, this is un-useable because it results in the entire webview to be pushed up by a distance of approx safe-area-inset-bottom. This area seems to be impervious to any other css changes.
Comment 3 Simon Fraser (smfr) 2021-08-09 12:10:37 PDT
https://6110895018e9b10008b5cf4c--robowrite.netlify.app/ doesn't seem to load the scrollable content for me.

If you pause for a few seconds and try to scroll again, does it work? I suspect this might be related to an underlying UIKit bug where when an enclosing scroll view is rubber-banding, the inner scroll view is not scrollable.
Comment 4 Lex 2021-08-10 00:44:02 PDT
Hi Simon, indeed it seems to clear after a few seconds but with that caveat that the user then attempts to scroll away from the edge. Otherwise it stays frozen. 

It seems in my case the bug is limited to home-screen installs. When using the safari or capacitor ios app I can't find the issue happen.
Comment 5 Lex 2021-08-11 23:22:44 PDT
If you load the public template from menu called Send Image that should have enough content to be scrollable.
Comment 6 Radar WebKit Bug Importer 2021-08-15 18:55:17 PDT
<rdar://problem/81963116>