[Bug] Ctrl+Drag to Zoom is inaccessible on macOS due to right-click conflict

[buiapp]

Describe the bug

The "Select to Zoom" functionality (triggered by Ctrl + Drag) is inaccessible on macOS. In the macOS environment, holding the Control key while performing a left-click is globally interpreted as a Right Click (context menu trigger). Consequently, attempting to zoom results in the browser context menu appearing rather than the selection box being drawn.

To Reproduce

1. Open an H5Web visualization (e.g., a 2D Heatmap or Line plot) on a macOS device.
2. Press and hold the Ctrl key.
3. Click and attempt to drag across the data area.
4. Observe that the browser's context menu appears immediately, and no zoom selection area is created.

Expected behaviour

The zoom selection should be triggered regardless of the OS-level shortcut, or an alternative modifier key (like Cmd or Shift) should be supported for macOS users to avoid the context menu conflict.

Context

• OS: macOS
• Browser: [e.g. Chrome, Safari, Firefox]
• Version: [Your browser version]
• H5Web context: [e.g. demo, @h5web/app]

[buiapp]

Is it possible that someone updates this feature in the VSCode extension? :)

[axelboc]

This should have gone through in v0.2.2 🤔 — which version of the extension are you using?

Maybe the navigator.platform string isn't reliable in the VS Code webview. Do you see "Opt" instead of "Alt" for shortcuts in the interactions help menu?

[buiapp]

I am seeing Opt instead of Alt correctly. And I am on 0.2.2.

[axelboc]

Hmm not sure what's going then, I'm going to need a bit more help to reproduce the problem.

1. Try opening your file on myhdf5.hdfgroup.org — does the context menu also appear on select-to-zoom there?
2. What about here? https://h5web-docs.panosc.eu/?path=/story/building-blocks-interactions-defaultinteractions--inside-auto-aspect-canvas
3. Is the context menu correctly prevented when you zoom and then pan with the right click on this visualization? https://h5web-docs.panosc.eu/?path=/story/building-blocks-interactions-pan--right-button
4. What about here? https://h5web-docs.panosc.eu/?path=/story/building-blocks-interactions-preventdefaultcontextmenu--when-needed
5. Is the context menu prevented on a simple right-click here? https://h5web-docs.panosc.eu/?path=/story/building-blocks-interactions-preventdefaultcontextmenu--always

[buiapp]

1. The context menu is the same like in VSCode.

2. There I also can't do select to zoom.
3. Yes.
4. Zoom and then right click will open the context menu.
5. Yes.

Hope it helps!