Hello everyone, while testing CSS transforms concerning https://bugs.webkit.org/show_bug.cgi?id=181709, I noticed another issue that you can see here: https://s3.eu-central-1.amazonaws.com/steffend/public/webkitbug/somethingswrong.mp4 Basically, the animation plays too slowly, but the Web Inspector shows the position where the elements should be. When reloading, the animation speed seems kind of random: https://s3.eu-central-1.amazonaws.com/steffend/public/webkitbug/speed.mp4 Page for reproduction: https://s3.eu-central-1.amazonaws.com/steffend/public/webkitbug/scrolling.html I noticed this issue on iOS 11.2.2 and WPE master (only sometimes and when using an iframe: https://s3.eu-central-1.amazonaws.com/steffend/public/webkitbug/scrollframe.html), possibly affecting other platforms too. I couldn't reproduce it on macOS (Safari). WPE commit 959d9b1d2555da0ce65bd0198bc509dd08e9f910 (https://github.com/WebPlatformForEmbedded/WPEWebKit). Thanks for any help, Steffen Deusch
Does this still reproduce in iOS 12?
Huh, Safari 16 on macOS does indeed animate rows slower than Firefox and Chrome which animate at the same speed.
@keyframes scrolllistTicker { 0% { transform: translate3d(0, 0%, 0) } 100% { transform: translate3d(0, -50%, 0) } } Presumably we don't compute 50% in the same way and this causes the different speed visibly.