Safari Mouse Wheel Zoom Very Jumpy with Viv Custom Layer

[ilan-gold]

Has anyone had any experience where they see on Safari:

Screen.Recording.2024-09-27.at.12.40.54.mov

I can provide a repro here: https://codesandbox.io/p/sandbox/reactjs-playground-forked-jy4pkh?file=%2Fpackage.json%3A11%2C31 but it's a bit complicated to provide an up-to-date repro since we are in progress updating to deck.gl 9.x.x: hms-dbmi/viv#805

This could be related to #6133?

The code for the layer in question is here: https://github.com/hms-dbmi/viv/blob/main/packages/layers/src/image-layer.js and its sublayer: https://github.com/hms-dbmi/viv/tree/main/packages/layers/src/xr-layer

Even help on how to debug this would be amazing!

[Pessimistress]

Is this trackpad only? I know that our event handling system treating wheel as discrete events, which works reasonably well for mouse wheels. While Macbook trackpad fires wheel events in rapid succession.
Unfortunately I do not have the hardware to test a fix...

[ilan-gold]

I just tried this on someone else's computer with both mouse + trackpad and the same OS/Safari. Same thing.

[ilan-gold]

But macOS 14 is better...not perfect but not as bad. I will try upgrading soon, but unfortunately our IT can be a little slow.

[grahambates-code]

Have you tried using initialViewState instead of viewstate? For some layers viewState is quite janky on OSX for myself.

[ilan-gold]

@grahambates-code What exactly are you proposing here? I think we do use InitialViewState but are you saying to use it somehow differently than normal?

[grahambates-code]

You are using viewState in your code sandbox, not initialViewState.

When you swap to initialViewState it seems a bit better to me.

[horatiorosa]

@ilan-gold Did you ever figure out a root cause or solution to this?

[ilan-gold]

No the only evidence I gathered was that it was MacOS dependent. Any insights?