StickyScrollScene animations look jank on Firefox

[f-o-w-l]

Attached a video showing the issue. Just using the example repos provided from the README.

First, I show the ScrollScene basic example renders perfectly on ff, no issues at all.

Then, I show the A sticky ScrollScene from the powerups samples example being janky on ff. The jank is worse the further you scroll at a time - there's a clear de-sync happening.

Finally, I quickly show the same example looking perfect on Chrome.

Do I have any idea how to fix this problem? No, I haven't looked at the internals of the StickyScrollScene from @14islands/r3f-scroll-rig/powerups. But the problem does still occur if I clone the repo and try to use StickyScrollScene locally as well. Could be my machine, can't rule that out since I don't have another computer to test with.

Firefox version: 144.0.2 (latest)

StickyScrollScene_ff_jank.mp4

[ffdead]

It seems to run OK for me in FF but curious to hear if someone else sees the same thing?

Having said that, the StickyScrollScene is just a wrapper for a normal ScrollScene and it renders with the same priority in the useFrame: https://github.com/14islands/r3f-scroll-rig/blob/master/powerups/StickyScrollScene.tsx#L57C6-L57C14 - cancelling out the normal scroll. I could imagine this is what you are experiencing for some reason, maybe the frames run in the wrong order.

You could try setting }, priority + 1) to make sure the sticky logic always runs after the scrollscene positioning

If you want a more robust implementation I would use the useTracker directly and implement your own sticky logic :)