Horizontal scroll not working on Windows

[a-uz]

It seems that pressing shift key while scrolling the mouse wheel has no effect on Windows, contents of the canvas move up or down, instead of left or right. On Mac it works as expected.

I was able to reproduce this with the latest versions of Chrome and Edge on Windows 10.

[Andarist]

Thank you for the report. I've opened a draft PR with the fix here: #230

[a-uz]

Just tried the fix and it works great!

[Andarist]

@a-uz could you confirm that you are using an actual mouse? I have some doubts about this fix: #230 (comment)

[a-uz]

@Andarist Yes, I'm using an actual mouse.

I did some more testing and with the current production version on Windows trackpad interactions work just fine, but shift key + mouse wheel doesn't. With the PR version shift key + mouse wheel works, but shift key + trackpad is now strange: I can only drag up and down to pan left or right and there's no way to pan up or down. TBH, I'm not even sure how it should be.

[a-uz]

I tried to use shift key + trackpad on Figma and Draw.io. On Figma's canvas holding shift key and dragging up or down pans left or right, dragging left or right pans up or down. On Draw.io's canvas holding shift key and dragging in all directions pans left or right.

[Andarist]

@a-uz I've pushed out some changes, could you give this a spin? I would also appreciate it if you could rephrase your Figma & Draw.io research because I'm unsure if I got this right. Mentioning the exact combination of shift, wheel/trackpad, physical direction and the resulting pan direction for all of those cases would help me a lot.

[a-uz]

@Andarist Now the mouse + shift key combo doesn't work anymore and trackpad + shift key works the same as without the shift key.

Dragging on Figma's canvas with trackpad + shift key inverts the direction: dragging vertically pans horizontally and dragging horizontally pans vertically. Dragging on Draw.io's canvas with trackpad + shift key pans horizontally regardless of drag direction.

I guess I would prefer the visualizer to have Figma's approach by inverting the direction when shift key is pressed.

[Andarist]

Ok, thank you for your feedback - gonna take another look at this tomorrow. I'm a little bit surprised though that shift+mouse doesn't work - maybe some kind of a silly mistake in the adjustments I've made.

[senritsu]

Not sure if this is related (or even a feature at the moment), but dragging to scroll (with middle mouse held) does nothing on windows/chrome as well. With mouse there seems no way to pan around. I tried a variety of mouse buttons and modifier keys without success. Fortunately using a touchpad with multitouch works fine, and I do have one available.

[Andarist]

dragging to scroll (with middle mouse held) does nothing on windows/chrome as well.

Could you describe in more detail what dragging to scroll means in this context?

With mouse there seems no way to pan around. I tried a variety of mouse buttons and modifier keys without success

You should be able to hold Space key and then drag around the canvas with your left mouse button.

[a-uz]

Functionality wise pressing mouse wheel and dragging == holding Space and dragging. Usability wise it doesn't require a keyboard.

[Andarist]

Ok, I see - expect a PR fixing that tomorrow 😉

[senritsu]

Space+Mouse does indeed work, and like @a-uz said, it would be quite convenient if middle-mouse-drag had the same behavior as well.

Thanks for the quick response that even made it in time for a meeting 😁