Zoom is being reset when trying to move around the canvas

[Mheaus]

Hello 👋

I've been using the new version of inspect with the last release of xstate and react for a few months now.
I've noticed slow performance and issues when trying to move the view accross the canvas.

When I'm moving the view with a trackpad or by zooming, it'll lag and reset the zoom to fit the window.

It seems to refresh too much?

I hope this little video will help you identify the issue and if I can help in any way please let me know 🙏 .

Enregistrement.de.l.ecran.2024-04-30.a.12.53.25.mov

[davidkpiano]

Thanks for the report and the video - it definitely helps. Is there a way to share the machine (either a link or the exported code)?

[Mheaus]

Sadly it's on a private project, but I can work on a repro !
I'll let you know.

[cpetzel]

This happens for us as well. It seems to reset the zoom whenever the inspector receives an event. In our case, it receives dozens of events per second, so the zoom resetting makes the inspector almost unusable.

[davidkpiano]

This happens for us as well. It seems to reset the zoom whenever the inspector receives an event. In our case, it receives dozens of events per second, so the zoom resetting makes the inspector almost unusable.

Understood. We will have a fix for this soon.

[davidkpiano]

Sorry for the delay here; still working on this. We are overhauling the canvas layer which will introduce many performance improvements and features.

[Mheaus]

Sorry for the delay here; still working on this. We are overhauling the canvas layer which will introduce many performance improvements and features.

No problem, take your time. 👍
Can I help in any way?

[WIStudent]

Any updates on this issue? My machine is quite big, I cannot read anything without zooming in. The frequent resetting of the zoom makes the inspector almost impossible to use.

I am starting to regret upgrading to v5. Is there a way to use the old viszalizer with v5 until the issues with the new inspector are resolved?

[okowalow]

I am experiencing the same issue: my machine isn't that big (photo below)

but when I try to zoom and move around the canvas, it resets to default. + it's very slow. It's much slower than xstate visualizer for xstate 4. Previous inspector was really fast

[davidkpiano]

I want to rebuild the inspector in React Flow, and open-source it. If anyone wants to help contribute in this effort, please let me know.

[Mheaus]

I'd be very much interested in helping

[aldotms70]

I want to rebuild the inspector in React Flow, and open-source it. If anyone wants to help contribute in this effort, please let me know.
The inspector is a very useful tool but it is unusable. I would be happy to contribute. Let me known the link to the new project. Thanks

[Dylansc22]

Exact same issue. Glad I'm not the only one aware of it.

Brief video demo-ing bug attached (actual UXUI of my App is offscreen), but you clearly see the inspector reseting the zoom position.

Love the inspector, love xState's visual tools -- IMO a hotfix for this issue (indepentant of a wider react-flow refactor) would make the inspector much more useful to a lot of users.

Fingers crossed for a fix soon 🤞

Screen.Recording.2025-02-20.at.10.48.24.AM.mov

[GZLiew]

where can I contribute the rebuild?

[chladog]

Any chance for a hotfix of this issue. Unfortunatelly the inspector is unusable because of this currently :-(
Any workaround tips?