232738 2021-11-04 17:26:11 -0700 A sideways rubber band can break a vertical scroll snap animation 2022-02-12 22:21:43 -0800 1 1 1 Unclassified WebKit Scrolling Safari Technology Preview Unspecified Unspecified RESOLVED WORKSFORME InRadar P2 Normal --- 1 simon.fraser webkit-unassigned bfulgham simon.fraser webkit-bug-importer oldest_to_newest 1812026 0 simon.fraser 2021-11-04 17:26:11 -0700 In a vertically document with snap points, if your vertical scroll gesture has some horizontal component, we can start a rubberband animation in X which kills the scroll snap momentum animation: ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 1 ScrollingEffectsController::applyScrollDeltaWithStretching() - stretchScrollForce width=4 height=0 move delta width=0 height=0 dampedDelta width=1 height=0 ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 1 ScrollingEffectsController::applyScrollDeltaWithStretching() - stretchScrollForce width=4 height=0 move delta width=0 height=0 dampedDelta width=1 height=0 ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 1 ScrollingEffectsController::applyScrollDeltaWithStretching() - stretchScrollForce width=5 height=0 move delta width=1 height=0 dampedDelta width=1 height=0 ScrollingEffectsController::applyScrollDeltaWithStretching() - stretchScrollForce width=6 height=0 move delta width=1 height=0 dampedDelta width=1 height=0 ScrollingEffectsController 0x31062c180 updateRubberBandingState - isRubberBanding 0 ScrollingEffectsController 0x31062c180 startMomentumScrollWithInitialVelocity width=0 height=0 from (1,319) ScrollingEffectsController 0x31062c180 scrollAnimationWillStart ScrollAnimation 0x3106124b0 momentum active 1 current offset (0,0) ScrollingEffectsController::startRubberBandAnimationIfNecessary() - rubberBandAnimationRunning 0 stretchAmount width=1 height=0 targetOffset (1,319) ScrollingEffectsController 0x31062c180 scrollAnimationDidEnd ScrollAnimation 0x3106124b0 momentum active 0 current offset (0,0) ScrollingEffectsController 0x31062c180 stopAnimatedScroll ScrollingEffectsController::startRubberBandAnimation() - starting rubbberband with targetOffset (0,319) initialVelocity width=0 height=0 initialOverscroll width=1 height=0 ScrollingEffectsController 0x31062c180 scrollAnimationWillStart ScrollAnimation 0x31f8bf240 rubber-band active 1 current offset (0,0) ScrollingEffectsController 0x31062c180 updateRubberBandingState - isRubberBanding 1 ScrollingEffectsController 0x31062c180 scrollAnimationDidUpdate ScrollAnimation 0x31f8bf240 rubber-band active 1 current offset (1,319) (main thread 0) scrolling to (1,319) ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 1 ScrollingEffectsController 0x31062c180 scrollAnimationDidUpdate ScrollAnimation 0x31f8bf240 rubber-band active 1 current offset (1,319) (main thread 0) scrolling to (1,319) ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 1 ScrollingEffectsController 0x31062c180 scrollAnimationDidUpdate ScrollAnimation 0x31f8bf240 rubber-band active 1 current offset (1,319) (main thread 0) scrolling to (1,319) ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 1 ScrollingEffectsController 0x31062c180 scrollAnimationDidUpdate ScrollAnimation 0x31f8bf240 rubber-band active 1 current offset (0,319) (main thread 0) scrolling to (0,319) ScrollingEffectsController 0x31062c180 updateRubberBandingState - isRubberBanding 0 ScrollingEffectsController 0x31062c180 scrollAnimationDidEnd ScrollAnimation 0x31f8bf240 rubber-band active 0 current offset (0,319) ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 1 ThreadedScrollingTree::willStartRenderingUpdate - scrollingThreadIsActive 0 1812030 1 webkit-bug-importer 2021-11-04 17:46:08 -0700 <rdar://problem/85041566> 1812036 2 simon.fraser 2021-11-04 17:57:56 -0700 This will be a regression from the scroll animation refactoring. 1813169 3 443694 simon.fraser 2021-11-09 08:56:34 -0800 Created attachment 443694 Test case 1840946 4 bfulgham 2022-02-12 22:21:43 -0800 QA is unable to reproduce this. 443694 2021-11-09 08:56:34 -0800 2021-11-09 08:56:34 -0800 Test case main-frame-snap.html text/html 614 simon.fraser CjwhRE9DVFlQRSBodG1sPgoKPGh0bWw+CjxoZWFkPgogICAgPHN0eWxlPgogICAgICAgIDpyb290 IHsKICAgICAgICAgICAgc2Nyb2xsLXNuYXAtdHlwZTogYmxvY2sgbWFuZGF0b3J5OwogICAgICAg IH0KICAgICAgICBib2R5IHsKICAgICAgICAgICAgbWFyZ2luOiAyMHB4OwogICAgICAgIH0KCiAg ICAgICAgZGl2IHsKICAgICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICAgIGhlaWdodDog NDAwcHg7CiAgICAgICAgICAgIHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDsKICAgICAgICB9CiAg ICA8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgogICAgPGRpdiBzdHlsZT0nYmFja2dyb3VuZC1jb2xv cjogcmVkJz48L2Rpdj4KICAgIDxkaXYgc3R5bGU9J2JhY2tncm91bmQtY29sb3I6IGdyZWVuJz48 L2Rpdj4KICAgIDxkaXYgc3R5bGU9J2JhY2tncm91bmQtY29sb3I6IGJsdWUnPjwvZGl2PgogICAg PGRpdiBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogYXF1YSc+PC9kaXY+CiAgICA8ZGl2IHN0eWxl PSdiYWNrZ3JvdW5kLWNvbG9yOiB5ZWxsb3cnPjwvZGl2PgogICAgPGRpdiBzdHlsZT0nYmFja2dy b3VuZC1jb2xvcjogZnVjaHNpYSc+PC9kaXY+CjwvYm9keT4KPC9odG1sPgo=