Problem description:

The <Select> Component is pretty cool but I noticed that it requires the user to press the shift key to trigger.

I first saw the select + edge post in discord and played with it, thought it was cool but didn't even know there was a "Selection Box" because it requires you to hit the shift key first.

Then I saw Paul's tweet:
and realized I missed a huge piece of functionality lol.

Tools like Spline, Blender, Photoshop, Figma, etc. all have the pattern of Click & Drag to select and then pressing command keys gives you the alternate functionality.

Video Example

Letting the user determine what key presses and what pattern would be helpful, and I'd say to invert the current pattern and have the select fire by default.

If you want a key press to unbind the control (Orbit, Trackball, etc) I would suggest the Option/Alt key as it's already standard pattern for "Orbit"

Shift is often used for panning on the XY frame (Blender, Cad, Spline, etc) to move your point of origin when you rotate

Command is the typical zoom key.(except Figma for some weird reason)

Relevant Code:

function pointerDown(event) {
      if (event.shiftKey) {
        onSelectStart(event)
        prepareRay(event, selBox.startPoint)
      }
    }

Sandbox

• three version: 136
• @react-three/fiber version: 8.0 beta 4
• @react-three/drei version: 8.6.0