RESOLVED INVALID 166978
Archive flicker in scroll on Cordova 4+, WKWebView and iOS 10
https://bugs.webkit.org/show_bug.cgi?id=166978
Summary Archive flicker in scroll on Cordova 4+, WKWebView and iOS 10
Mikey
Reported 2017-01-12 11:23:08 PST
Webkit with WKWebView iOS 10 Cordova version iOS 4.3.1 Hi all. We see a flicker that we are not sure if it is bounce or inertia caused. Almost like an archiving when the user swipes or keeps finger on the screen for a 'long' swipe. You can see the issue here and the flash of the messages. I would not personally say it is inertia caused as I see it while keeping my finger on screen, but that certainly exasperates the bug. https://www.youtube.com/watch?v=pqcUXpEpgec No idea what is causing this and have done days of extensive research. Grateful for any help or ideas? If it helps we have; -webkit-overflow-scrolling (hardware accelerated) cordova.plugins.Keyboard.disableScroll(true) = yes -webkit-backface-visibility: hidden; = true Translate3d = yes jQuery scrollTop() = we don't measure
Attachments
Mikey
Comment 1 2017-01-12 11:48:53 PST
If it helps we have the following properties on the scrolled element: -webkit-overflow-scrolling: touch cordova.plugins.Keyboard.disableScroll(true) -webkit-backface-visibility: hidden; transform: translate3d(0,0,0) No programmatic scrolling or querying scrolTop of the scrolled element or its parent.
Jon Lee
Comment 2 2017-01-12 12:41:18 PST
We won't be able to help on code inspection alone. If it is possible, could you either attach a reduction or test app here or through bugreporter.apple.com?
Simon Fraser (smfr)
Comment 3 2017-01-12 15:59:35 PST
What's a URL where I can reproduce this issue?
Simon Fraser (smfr)
Comment 4 2017-01-12 16:00:44 PST
...or a test app. Please file at bugreport.apple.com if you'd like to supply the test case in a non-public forum.
Mikey
Comment 5 2017-01-12 22:17:28 PST
Thank you so much. You're both right, I should have provided a test app/code but I thought this might be a known issue. In fact we FINALLY solved it. Turns out it was that the view did not appreciate a long scroll that is one solid element (which is what we did because we were dealing with some old android feed issues at the time) and was the only way to prevent jank and some other long scroll wrapping issues. so instead of - scroll parent - scrolled list - list item - list item - list item - list item .... We did - scroll parent (which also happens to be the list) - list item - list item - list item - list item Thank you both for such timely responses.
Note You need to log in before you can comment on or make changes to this bug.