Scroll freezes at top or bottom after tab or menu changes

• Component: Scrolling
• Status: NEW ---

[Lex]

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

[Lex]

https://github.com/lazd/iNoBounce/issues/63

[Lex]

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.

[Simon Fraser (smfr)]

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.

[Lex]

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.

[Lex]

If you load the public template from menu called Send Image that should have enough content to be scrollable.

[Radar WebKit Bug Importer]

<rdar://problem/81963116>