178066 2017-10-08 01:27:17 -0700 Cordova: elements with tag position:fixed disappears (flickering) when a long content is scrolling and appears again when the scroll is finished. 2017-12-05 15:44:42 -0800 1 1 1 Unclassified WebKit CSS WebKit Local Build iPhone / iPad iOS 11 RESOLVED FIXED InRadar P2 Major --- 1 oscarabilleira simon.fraser commit-queue dvpdiner2 simon.fraser thorton webkit-bug-importer oldest_to_newest 1358070 0 oscarabilleira 2017-10-08 01:27:17 -0700 A- Overview: Elements width position:fixed disappears (flickering) when a long content is scrolling and appears again when the scroll is stoped. B - Steps to Reproduce: 1) Create a simple html page into a cordova proyect (for example) 2) Put a div on the top and another on the buttom width "position:fixed" atribute. Include also a long text to make posible scroll it. I use for my test this simple estructure: http://www.oscarabilleira.com/test_ios/index.php, just copy the source code and create a html file in a cordova proyect for example. 3) When scrolls the text into the webkit the "fixed elements" disappears until the scroll is finished, only if there's a long content to scroll, like in the example. In other situations (randomly) the "flickering efect" can be shown even with a short content to scroll. C- Expected Results: When scroll the content the elements with "position:fixed" tag must be shown all the time even when the content is scrolled. D- Build Date & Hardware: After update to iOS 11 and actually with iOS 11.0.2 Tested iphone 7, iphone 7 plus and ipad air 2. Doesn't Occur using iOS 10.x.x or earlier. E- Additional Information: The same like in this old bug https://bugs.webkit.org/show_bug.cgi?id=137851 1358368 1 simon.fraser 2017-10-09 13:07:55 -0700 Does this happen with the WKWebView version of Cordova (http://blog.ionic.io/cordova-ios-performance-improvements-drop-in-speed-with-wkwebview/)? 1358410 2 oscarabilleira 2017-10-09 14:06:03 -0700 I have tested and using WKWebView works fine 1358487 3 webkit-bug-importer 2017-10-09 16:27:36 -0700 <rdar://problem/34898141> 1369742 4 simon.fraser 2017-11-08 18:43:22 -0800 rdar://problem/34808762 1369745 5 simon.fraser 2017-11-08 18:55:33 -0800 I can reproduce. Investigating. 1369746 6 simon.fraser 2017-11-08 18:57:52 -0800 Ah, we only call GraphicsLayer::setIsViewportConstrained() in the WKWebView code path, for coordinated scrolling. 1369771 7 326420 simon.fraser 2017-11-08 19:52:11 -0800 Created attachment 326420 Patch 1369790 8 326420 commit-queue 2017-11-08 21:27:26 -0800 Comment on attachment 326420 Patch Clearing flags on attachment: 326420 Committed r224617: <https://trac.webkit.org/changeset/224617> 1369791 9 commit-queue 2017-11-08 21:27:27 -0800 All reviewed patches have been landed. Closing bug. 1378403 10 dvpdiner2 2017-12-05 15:38:57 -0800 This has been merged, but I'm guessing it missed the cut-off date for inclusion in iOS 11.2 because the issue still exists there 1378411 11 simon.fraser 2017-12-05 15:44:42 -0800 Correct. 326420 2017-11-08 19:52:11 -0800 2017-11-08 21:27:26 -0800 Patch bug-178066-20171108195210.patch text/plain 4380 simon.fraser U3VidmVyc2lvbiBSZXZpc2lvbjogMjI0NTEwCmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9D aGFuZ2VMb2cgYi9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cKaW5kZXggY2E2MTRlOWQyMjAzZmRl ZTc0YTQ5MDM5OGM4MGZmYzM3NDkwYjYzMS4uNWNiZGIyNWM0MmI0MmQxNzhmMDJkNWQ3MWI1ZjU4 NmM5NGU2MGI0YyAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUvQ2hhbmdlTG9nCisrKyBiL1Nv dXJjZS9XZWJDb3JlL0NoYW5nZUxvZwpAQCAtMSwzICsxLDI0IEBACisyMDE3LTExLTA4ICBTaW1v biBGcmFzZXIgIDxzaW1vbi5mcmFzZXJAYXBwbGUuY29tPgorCisgICAgICAgIENvcmRvdmE6IGVs ZW1lbnRzIHdpdGggdGFnIHBvc2l0aW9uOmZpeGVkIGRpc2FwcGVhcnMgKGZsaWNrZXJpbmcpIHdo ZW4gYSBsb25nIGNvbnRlbnQgaXMgc2Nyb2xsaW5nIGFuZCBhcHBlYXJzIGFnYWluIHdoZW4gdGhl IHNjcm9sbCBpcyBmaW5pc2hlZC4KKyAgICAgICAgaHR0cHM6Ly9idWdzLndlYmtpdC5vcmcvc2hv d19idWcuY2dpP2lkPTE3ODA2NgorCisgICAgICAgIFJldmlld2VkIGJ5IE5PQk9EWSAoT09QUyEp LgorCisgICAgICAgIEluIFVJV2ViVmlldywgd2Ugd2VyZSBmYWlsaW5nIHRvIGNhbGwgc2V0SXNW aWV3cG9ydENvbnN0cmFpbmVkKCkgb24gbGF5ZXJzIGZvciBwb3NpdGlvbjpmaXhlZCwKKyAgICAg ICAgY2F1c2luZyB1cyB0byBkZXRhY2ggdGhlaXIgYmFja2luZyBzdG9yZSBzb21ldGltZXMgb24g cGFnZSBzY3JvbGxpbmcuCisgICAgICAgIAorICAgICAgICBGaXggYnkgaG9pc3RpbmcgdGhlIGNh bGwgdG8gUmVuZGVyTGF5ZXJCYWNraW5nOjpzZXRJc1Njcm9sbENvb3JkaW5hdGVkV2l0aFZpZXdw b3J0Q29uc3RyYWluZWRSb2xlKCkKKyAgICAgICAgdXAgdGhlIHN0YWNrIGludG8gY29kZSB0aGF0 IHJ1bnMgZm9yIGJvdGggVUlXZWJWaWV3IGFuZCBXS1dlYlZpZXcuIFRoaXMgcmVxdWlyZWQgbW92 aW5nIHNvbWUgb2YKKyAgICAgICAgdGhlIHNhbml0eSBjaGVjayBjb2RlIHVwIG91dCBvZiB1cGRh dGVTY3JvbGxDb29yZGluYXRlZExheWVyKCkgaW50byB0aGUgY2FsbGVyLgorCisgICAgICAgIE5v dCB0ZXN0YWJsZSBiZWNhdXNlIHRoZSBidWcgb25seSBtYW5pZmVzdGVkIGluIFVJV2ViVmlldy4K KworICAgICAgICAqIHJlbmRlcmluZy9SZW5kZXJMYXllckNvbXBvc2l0b3IuY3BwOgorICAgICAg ICAoV2ViQ29yZTo6Y2FuQ29vcmRpbmF0ZVNjcm9sbGluZ0ZvckxheWVyKToKKyAgICAgICAgKFdl YkNvcmU6OlJlbmRlckxheWVyQ29tcG9zaXRvcjo6dXBkYXRlU2Nyb2xsQ29vcmRpbmF0ZWRTdGF0 dXMpOgorICAgICAgICAoV2ViQ29yZTo6UmVuZGVyTGF5ZXJDb21wb3NpdG9yOjp1cGRhdGVTY3Jv bGxDb29yZGluYXRlZExheWVyKToKKwogMjAxNy0xMS0wMyAgU2ltb24gRnJhc2VyICA8c2ltb24u ZnJhc2VyQGFwcGxlLmNvbT4KIAogICAgICAgICBVSVdlYlZpZXcgaXMgbm90IHJlbmRlcmluZyBj b250ZW50IHRoYXQgY29tZXMgb24gc2NyZWVuIGR1cmluZyBvdmVyZmxvdyBzY3JvbGwKZGlmZiAt LWdpdCBhL1NvdXJjZS9XZWJDb3JlL3JlbmRlcmluZy9SZW5kZXJMYXllckNvbXBvc2l0b3IuY3Bw IGIvU291cmNlL1dlYkNvcmUvcmVuZGVyaW5nL1JlbmRlckxheWVyQ29tcG9zaXRvci5jcHAKaW5k ZXggMThiZDQxMDhiNmZiYWIzZGIyNWFlNzg3OTkxOTU0ZDNmOTk0ZjUyZi4uZWViOWVhYTQ0NzQ5 MmI3NjUyNGExN2RjZmY3MmIwMThhN2JlZTI5YyAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUv cmVuZGVyaW5nL1JlbmRlckxheWVyQ29tcG9zaXRvci5jcHAKKysrIGIvU291cmNlL1dlYkNvcmUv cmVuZGVyaW5nL1JlbmRlckxheWVyQ29tcG9zaXRvci5jcHAKQEAgLTM1MDYsNiArMzUwNiwxMSBA QCB2b2lkIFJlbmRlckxheWVyQ29tcG9zaXRvcjo6ZGV2aWNlT3JQYWdlU2NhbGVGYWN0b3JDaGFu Z2VkKCkKICAgICAgICAgcm9vdExheWVyLT5ub3RlRGV2aWNlT3JQYWdlU2NhbGVGYWN0b3JDaGFu Z2VkSW5jbHVkaW5nRGVzY2VuZGFudHMoKTsKIH0KIAorc3RhdGljIGJvb2wgY2FuQ29vcmRpbmF0 ZVNjcm9sbGluZ0ZvckxheWVyKGNvbnN0IFJlbmRlckxheWVyJiBsYXllcikKK3sKKyAgICByZXR1 cm4gKGxheWVyLmlzUmVuZGVyVmlld0xheWVyKCkgfHwgbGF5ZXIucGFyZW50KCkpICYmIGxheWVy LmlzQ29tcG9zaXRlZCgpOworfQorCiB2b2lkIFJlbmRlckxheWVyQ29tcG9zaXRvcjo6dXBkYXRl U2Nyb2xsQ29vcmRpbmF0ZWRTdGF0dXMoUmVuZGVyTGF5ZXImIGxheWVyLCBPcHRpb25TZXQ8U2Ny b2xsaW5nTm9kZUNoYW5nZUZsYWdzPiBjaGFuZ2VzKQogewogICAgIExheWVyU2Nyb2xsQ29vcmRp bmF0aW9uUm9sZXMgY29vcmRpbmF0aW9uUm9sZXMgPSAwOwpAQCAtMzUxNSw3ICszNTIwLDEwIEBA IHZvaWQgUmVuZGVyTGF5ZXJDb21wb3NpdG9yOjp1cGRhdGVTY3JvbGxDb29yZGluYXRlZFN0YXR1 cyhSZW5kZXJMYXllciYgbGF5ZXIsIE9wCiAgICAgaWYgKHVzZUNvb3JkaW5hdGVkU2Nyb2xsaW5n Rm9yTGF5ZXIobGF5ZXIpKQogICAgICAgICBjb29yZGluYXRpb25Sb2xlcyB8PSBTY3JvbGxpbmc7 CiAKLSAgICBpZiAoY29vcmRpbmF0aW9uUm9sZXMpIHsKKyAgICBpZiAobGF5ZXIuaXNDb21wb3Np dGVkKCkpCisgICAgICAgIGxheWVyLmJhY2tpbmcoKS0+c2V0SXNTY3JvbGxDb29yZGluYXRlZFdp dGhWaWV3cG9ydENvbnN0cmFpbmVkUm9sZShjb29yZGluYXRpb25Sb2xlcyAmIFZpZXdwb3J0Q29u c3RyYWluZWQpOworCisgICAgaWYgKGNvb3JkaW5hdGlvblJvbGVzICYmIGNhbkNvb3JkaW5hdGVT Y3JvbGxpbmdGb3JMYXllcihsYXllcikpIHsKICAgICAgICAgaWYgKG1fc2Nyb2xsQ29vcmRpbmF0 ZWRMYXllcnMuYWRkKCZsYXllcikuaXNOZXdFbnRyeSkKICAgICAgICAgICAgIG1fc3ViZnJhbWVT Y3JvbGxMYXllcnNOZWVkUmVhdHRhY2ggPSB0cnVlOwogCkBAIC0zNzIxLDIwICszNzI5LDEzIEBA IHZvaWQgUmVuZGVyTGF5ZXJDb21wb3NpdG9yOjp1cGRhdGVTY3JvbGxDb29yZGluYXRpb25Gb3JU aGlzRnJhbWUoU2Nyb2xsaW5nTm9kZUlECiAKIHZvaWQgUmVuZGVyTGF5ZXJDb21wb3NpdG9yOjp1 cGRhdGVTY3JvbGxDb29yZGluYXRlZExheWVyKFJlbmRlckxheWVyJiBsYXllciwgTGF5ZXJTY3Jv bGxDb29yZGluYXRpb25Sb2xlcyByZWFzb25zLCBPcHRpb25TZXQ8U2Nyb2xsaW5nTm9kZUNoYW5n ZUZsYWdzPiBjaGFuZ2VzKQogewotICAgIGF1dG8qIHNjcm9sbGluZ0Nvb3JkaW5hdG9yID0gdGhp cy0+c2Nyb2xsaW5nQ29vcmRpbmF0b3IoKTsKLSAgICBpZiAoIXNjcm9sbGluZ0Nvb3JkaW5hdG9y IHx8ICFzY3JvbGxpbmdDb29yZGluYXRvci0+Y29vcmRpbmF0ZXNTY3JvbGxpbmdGb3JGcmFtZVZp ZXcobV9yZW5kZXJWaWV3LmZyYW1lVmlldygpKSkKLSAgICAgICAgcmV0dXJuOwotCiAgICAgYm9v bCBpc1JlbmRlclZpZXdMYXllciA9IGxheWVyLmlzUmVuZGVyVmlld0xheWVyKCk7CiAKLSAgICBp ZiAoIWxheWVyLnBhcmVudCgpICYmICFpc1JlbmRlclZpZXdMYXllcikKLSAgICAgICAgcmV0dXJu OwotCiAgICAgQVNTRVJUKG1fc2Nyb2xsQ29vcmRpbmF0ZWRMYXllcnMuY29udGFpbnMoJmxheWVy KSk7CiAgICAgQVNTRVJUKGxheWVyLmlzQ29tcG9zaXRlZCgpKTsKIAotICAgIGF1dG8qIGJhY2tp bmcgPSBsYXllci5iYWNraW5nKCk7Ci0gICAgaWYgKCFiYWNraW5nKQorICAgIGF1dG8qIHNjcm9s bGluZ0Nvb3JkaW5hdG9yID0gdGhpcy0+c2Nyb2xsaW5nQ29vcmRpbmF0b3IoKTsKKyAgICBpZiAo IXNjcm9sbGluZ0Nvb3JkaW5hdG9yIHx8ICFzY3JvbGxpbmdDb29yZGluYXRvci0+Y29vcmRpbmF0 ZXNTY3JvbGxpbmdGb3JGcmFtZVZpZXcobV9yZW5kZXJWaWV3LmZyYW1lVmlldygpKSkKICAgICAg ICAgcmV0dXJuOwogCiAgICAgaWYgKCFtX3JlbmRlclZpZXcuZnJhbWUoKS5pc01haW5GcmFtZSgp KSB7CkBAIC0zNzUxLDYgKzM3NTIsOCBAQCB2b2lkIFJlbmRlckxheWVyQ29tcG9zaXRvcjo6dXBk YXRlU2Nyb2xsQ29vcmRpbmF0ZWRMYXllcihSZW5kZXJMYXllciYgbGF5ZXIsIExheQogICAgIGlm ICghcGFyZW50Tm9kZUlEICYmICFpc1JlbmRlclZpZXdMYXllcikKICAgICAgICAgcmV0dXJuOwog CisgICAgYXV0byogYmFja2luZyA9IGxheWVyLmJhY2tpbmcoKTsKKwogICAgIC8vIEFsd2F5cyBj YWxsIHRoaXMgZXZlbiBpZiB0aGUgYmFja2luZyBpcyBhbHJlYWR5IGF0dGFjaGVkIGJlY2F1c2Ug dGhlIHBhcmVudCBtYXkgaGF2ZSBjaGFuZ2VkLgogICAgIC8vIElmIGEgbm9kZSBwbGF5cyBib3Ro IHJvbGVzLCBmaXhlZC9zdGlja3kgaXMgYWx3YXlzIHRoZSBhbmNlc3RvciBub2RlIG9mIHNjcm9s bGluZy4KICAgICBpZiAocmVhc29ucyAmIFZpZXdwb3J0Q29uc3RyYWluZWQpIHsK