statelyai / xstate-viz

Visualizer for XState machines
https://stately.ai/viz
MIT License
434 stars 102 forks source link

New version renders charts too small #369

Open CH-RhyMoore opened 2 years ago

CH-RhyMoore commented 2 years ago

Description

The new version of the visualizer is lovely, but (at least on my machine) there is fairly major user experience issue.

The chart is rendered very, very small and there appears to be no way to view it at a larger size other than to zoom in in place. But then the diagram gets cut off vertically and horizontally and requires one to scroll around in a very small space.

The dividing line between the left panel with the chart and the right panel with the chart almost seems like it is supposed to be draggable. When I hover over it I get the drag cursor and it becomes thick and blue. But no matter how I interact with it, nothing allows me to make it smaller (if I click, nothing, if I click and drag, nothing, if I double click, nothing). I can only hover and drag it larger, which I definitely don't need.

Ultimately, it appears to be impossible to view the entire machine's chart at a readable size.

Expected Result

Actual Result

Reproduction

Screen Shot 2022-07-19 at 8 54 57 AM Screen Shot 2022-07-19 at 8 55 25 AM

Additional context

macOS Catalina 10.15.7 Google Chrome 103.0.5060.114 MacBook Pro (so a very common screen size for our industry)