Bug 166978 - Archive flicker in scroll on Cordova 4+, WKWebView and iOS 10
Summary: Archive flicker in scroll on Cordova 4+, WKWebView and iOS 10
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Other
Hardware: iPhone / iPad iOS 10
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2017-01-12 11:23 PST by Mikey
Modified: 2017-01-13 12:44 PST (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Mikey 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
Comment 1 Mikey 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.
Comment 2 Jon Lee 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?
Comment 3 Simon Fraser (smfr) 2017-01-12 15:59:35 PST
What's a URL where I can reproduce this issue?
Comment 4 Simon Fraser (smfr) 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.
Comment 5 Mikey 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.