172875 2017-06-02 15:06:32 -0700 [iOS] -webkit-overflow-scrolling: touch causes content to disappear 2019-09-28 04:02:41 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 10 All iOS 10 RESOLVED FIXED https://jsfiddle.net/booc0mtaco/kyekqjrL/ InRadar P2 Normal --- 1 andrew.holloway webkit-unassigned ajh bfulgham fred.wang rbuis simon.fraser webkit-bug-importer zalan oldest_to_newest 1315238 0 andrew.holloway 2017-06-02 15:06:32 -0700 I've created a minimal example to demonstrate this issue, located here: https://jsfiddle.net/booc0mtaco/kyekqjrL/ STEPS to reproduce: 1) open the linked JSFiddle and view the content in MobileSafari 2) click on the header "click to reveal" 3) note that content is visible 4) attempt to scroll to the right **Expected behavior: the content will scroll smoothly, making use of the prefixed tag for smooth scrolling. **Actual behavior: the container will vanish. They are still in the DOM , and in the right locations. Closing and reopening the section also restores them to visible until the next scroll is made. Removing the prefixed property `-webkit-overflow-scrolling` fixes the behavior, but makes the scroll work as it used to and becomes sticky. Also, removing some of the other properties will fix the symptoms intermittently. In most cases, triggering any DOM change or style change adjacent to the vanished element will trigger a repaint, and the content will become visible. 1315254 1 webkit-bug-importer 2017-06-02 15:24:53 -0700 <rdar://problem/32546124> 1315346 2 311898 simon.fraser 2017-06-02 19:47:16 -0700 Created attachment 311898 Slightly reduced test case 1315347 3 simon.fraser 2017-06-02 19:47:42 -0700 This is gnarly. Seems to involve opacity transitions, nested scrollers, and dynamic hide/show. 1315717 4 andrew.holloway 2017-06-05 10:33:30 -0700 Thanks for cleaning that up. As you probably saw, removing any one of those will cause the proper repainting. One note for reference. In one iteration of testing, I noticed that setting the end-transition opacity to .99 or lower seemed to fix it. Not sure if stacking context might also be involved. 1574752 5 ajh 2019-09-27 00:07:24 -0700 Combing thru my open OSS bugs and it appears this might be fixed in the latest webkit on iOS (13.1) 1575047 6 simon.fraser 2019-09-28 04:02:41 -0700 Thanks for checking! 311898 2017-06-02 19:47:16 -0700 2017-06-02 19:47:16 -0700 Slightly reduced test case content-disappears.html text/html 2301 simon.fraser PCFET0NUWVBFIGh0bWw+Cgo8aHRtbD4KPGhlYWQ+CiAgICA8c3R5bGU+CiAgICAgICAgLyogZm9y IFVJIG9ubHkgKi8KICAgICAgICAuZmlsdGVyLW5hdiB7CiAgICAgICAgICBwYWRkaW5nOiAyMnB4 OwogICAgICAgICAgYm9yZGVyOiAxcHggZG90dGVkIGJsYWNrOwogICAgICAgIH0KCiAgICAgICAg Lyogc3R5bGVzIHRoYXQsIGlmIHJlbW92ZWQsIGZpeCB0aGUgYmVoYXZpb3IsIGFyZSBtYXJrZWQg YmVsb3cgd2l0aCBlbXB0eSBjb21tZW50ICovCiAgICAgICAgLyogYmFja2dyb3VuZC1jb2xvciBh ZGRlZCB0byBpbGx1c3RyYXRlIHZhbmlzaGluZyBjb250YWluZXJzICovCiAgICAgICAgLmNvbnQt ZmlsdGVyLW9wdGlvbnMgewogICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmVkOwoKICAgICAg ICAgIHdpZHRoOiAzMjBweDsKICAgICAgICAgIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMXMgZWFz ZS1pbi1vdXQsIG9wYWNpdHkgLjhzIGVhc2Utb3V0OwogICAgICAgICAgb3ZlcmZsb3cteTogaGlk ZGVuOwogICAgICAgICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoOyAvKiovCiAg ICAgICAgfQoKICAgICAgICAuY29sbGFwc2VkIC5jb250LWZpbHRlci1vcHRpb25zIHsKICAgICAg ICAgIG1heC1oZWlnaHQ6IDA7CiAgICAgICAgICBvcGFjaXR5OiAwLjU7CiAgICAgICAgfQoKICAg ICAgICAuZXhwYW5kZWQgLmNvbnQtZmlsdGVyLW9wdGlvbnMgewogICAgICAgICAgbWF4LWhlaWdo dDogMjAwcHg7CiAgICAgICAgICBvcGFjaXR5OiAxOwogICAgICAgICAgb3ZlcmZsb3cteTogYXV0 bzsgLyoqLwogICAgICAgIH0KICAgICAgICAKICAgICAgICAuZmlsdGVyLXNlY3Rpb24gewogICAg ICAgICAgICBwYWRkaW5nOiAxMHB4OwogICAgICAgIH0KCiAgICAgICAgLmNvbnQtZmlsdGVycyB7 CiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsKCiAgICAgICAgICBvdmVyZmxvdzog aGlkZGVuOwogICAgICAgICAgb3ZlcmZsb3cteDogYXV0bzsKICAgICAgICAgIHdoaXRlLXNwYWNl OiBub3dyYXA7CiAgICAgICAgfQoKICAgICAgICAuZmlsdGVyLW1haW4tY29udGFpbmVyIHsKICAg ICAgICAgICAgcGFkZGluZzogMTBweDsKICAgICAgICAgICAgY29sb3I6IHdoaXRlOwogICAgICAg IH0KCiAgICAgICAgLmZpbHRlcnMtY29udGFpbmVyIHsKICAgICAgICAgIHdpZHRoOiA1MDBweDsK ICAgICAgICAgIGhlaWdodDogMTAwcHg7CiAgICAgICAgfQogICAgPC9zdHlsZT4KPC9oZWFkPgo8 Ym9keT4KCiAgICA8bWFpbiBjbGFzcz0iY29sbGFwc2VkIj4KICAgICAgPGRpdiBjbGFzcz0iZmls dGVyLW5hdiI+Y2xpY2sgdG8gcmV2ZWFsPC9kaXY+CiAgICAgIDxkaXYgY2xhc3M9ImNvbnQtZmls dGVyLW9wdGlvbnMiPgogICAgICAgIDxzZWN0aW9uIGNsYXNzPSJmaWx0ZXItc2VjdGlvbiI+CiAg ICAgICAgICA8ZGl2IGNsYXNzPSJjb250LWZpbHRlcnMiPgogICAgICAgICAgICAgIDxkaXYgY2xh c3M9ImZpbHRlci1tYWluLWNvbnRhaW5lciI+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJm aWx0ZXJzLWNvbnRhaW5lciI+CiAgICAgICAgICAgICAgICAgICAgU3dpcGUgbGVmdCBoZXJlCiAg ICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgIDwvZGl2 PgogICAgICAgIDwvc2VjdGlvbj4KICAgICAgPC9kaXY+CiAgICA8L21haW4+CgoKICAgIDxzY3Jp cHQ+CiAgICAvLyB0b2dnbGUgY29sbGFwc2VkIHdpdGggbWFpbiBvbiBtYWluIHRhZwogICAgZG9j dW1lbnQucXVlcnlTZWxlY3RvcignLmZpbHRlci1uYXYnKS5hZGRFdmVudExpc3RlbmVyKCdjbGlj aycsIGZ1bmN0aW9uKCkgewogICAgICB2YXIgbWFpbiA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlU YWdOYW1lKCdtYWluJylbMF07CgogICAgICBpZiAobWFpbi5jbGFzc0xpc3QuY29udGFpbnMoJ2Nv bGxhcHNlZCcpKSB7CiAgICAJCS8vIHJlbW92ZSBjb2xsYXBzZWQsIGFuZCBhZGQgZXhwYW5kZWQg dG8gbWFpbgogICAgICAgIG1haW4uY2xhc3NMaXN0LnJlbW92ZSgnY29sbGFwc2VkJyk7CiAgICAg ICAgbWFpbi5jbGFzc0xpc3QuYWRkKCdleHBhbmRlZCcpOwogICAgICB9IGVsc2UgewogICAgICAJ Ly8gYWRkIGNvbGxhcHNlZCBhbmQgcmVtb3ZlIGV4cGFuZGVkIGZyb20gbWFpbgogICAgICAgIG1h aW4uY2xhc3NMaXN0LmFkZCgnY29sbGFwc2VkJyk7CiAgICAgICAgbWFpbi5jbGFzc0xpc3QucmVt b3ZlKCdleHBhbmRlZCcpOwogICAgICB9CiAgICB9LCB0cnVlKTsgICAgICAgIAogICAgPC9zY3Jp cHQ+Cgo8L2JvZHk+CjwvaHRtbD4K