162499 2016-09-23 11:01:07 -0700 Provide a way to set the same scroll inertia for "-webkit-overflow-scrolling: touch" 2017-04-25 09:45:29 -0700 1 1 1 Unclassified WebKit CSS Safari 10 iPhone / iPad iOS 10 RESOLVED FIXED InRadar P2 Normal --- 1 dvoytenko webkit-unassigned dbates fred.wang jonlee simon.fraser thorton webkit-bug-importer oldest_to_newest 1232910 0 dvoytenko 2016-09-23 11:01:07 -0700 To make an element scrollable in CSS, currently the following has to be done: ``` .scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } ``` The WebKit-only `-webkit-overflow-scrolling: touch` adds momentum scrolling. However, the scroll inertia is drastically different from the native scroll on `<html>` element. Since it's a WebKit-specific issue, could you please add another CSS property to use the native-like inertia for bigger scrollable elements? 1244285 1 webkit-bug-importer 2016-10-25 11:01:30 -0700 <rdar://problem/28940255> 1298155 2 simon.fraser 2017-04-17 20:34:49 -0700 Resolved via https://trac.webkit.org/changeset/211197/webkit, which makes WKWebView have the same scroll deceleration as -webkit-overflow-scrolling: touch 1300511 3 307979 fred.wang 2017-04-24 08:57:11 -0700 Created attachment 307979 Testcase: Scroll inertia of the viewport 1300512 4 307980 fred.wang 2017-04-24 08:57:38 -0700 Created attachment 307980 Testcase: Scroll inertia of an element 1301072 5 dvoytenko 2017-04-25 09:45:29 -0700 Thanks a lot for fixing this! One thing I wanted to confirm. From the fix description it sounds like the scroll inertia in the WKWebView will now be the same as for an element with `-webkit-overflow-scrolling: touch`, right? Does this mean that Safari will eventually have the same scroll inertia as well? 307979 2017-04-24 08:57:11 -0700 2017-04-24 08:57:11 -0700 Testcase: Scroll inertia of the viewport 162499-1.html text/html 348 fred.wang PCFET0NUWVBFIGh0bWw+CjxoZWFkPgogIDxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KICA8dGl0bGU+ U2Nyb2xsIGluZXJ0aWEgKHZpZXdwb3J0KTwvdGl0bGU+CiAgPG1ldGEgbmFtZT0idmlld3BvcnQi IGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgPHN0eWxlPgogICAgYm9keSB7CiAgICAg IG1hcmdpbjogMDsKICAgICAgYmFja2dyb3VuZDogZ3JlZW47CiAgICB9CiAgPC9zdHlsZT4KPC9o ZWFkPgo8Ym9keT4KICA8ZGl2IHN0eWxlPSJ3aWR0aDogMTAwcHg7IGhlaWdodDogNTAwMHB4OyBi YWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTM1ZGVnLCByZWQsIGJsdWUpOyI+PC9kaXY+Cjwv Ym9keT4K 307980 2017-04-24 08:57:38 -0700 2017-04-24 08:57:38 -0700 Testcase: Scroll inertia of an element 162499-2.html text/html 542 fred.wang PCFET0NUWVBFIGh0bWw+CjxoZWFkPgogIDxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KICA8dGl0bGU+ U2Nyb2xsIGluZXJ0aWEgKGVsZW1lbnQpPC90aXRsZT4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0 IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgiPgogICAgPHN0eWxlPgogICAgICBib2R5IHsK ICAgICAgICBtYXJnaW46IDA7CiAgICAgIH0KICAgICAgLnNjcm9sbGFibGUgewogICAgICAgIGJh Y2tncm91bmQ6IGdyZWVuOwogICAgICAgIHdpZHRoOiA3NSU7CiAgICAgICAgaGVpZ2h0OiA0MDBw eDsKCiAgICAgICAgb3ZlcmZsb3cteTogc2Nyb2xsOwogICAgICAgIC13ZWJraXQtb3ZlcmZsb3ct c2Nyb2xsaW5nOiB0b3VjaDsKICAgICAgfQogICAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KICA8 ZGl2IGNsYXNzPSJzY3JvbGxhYmxlIj4KICAgIDxkaXYgc3R5bGU9IndpZHRoOiAxMDBweDsgaGVp Z2h0OiA1MDAwcHg7IGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgxMzVkZWcsIHJlZCwgYmx1 ZSk7Ij48L2Rpdj4KICA8L2Rpdj4KPC9ib2R5Pgo=