Issue with object sticking to the cursor in group selection

[vladdubchak]

Environments

• Framework name: React
• Framework version: 18.2
• Component name: Selecto
• Component version: 1.22.0
• Testable Address(optional):

Description

Hello there!

I am trying to implement a possibility for the user in my app to group several elements. Upon grouping, the user might need to move one of the objects inside the group. Usually, in graphic editors, it works in the way that user needs to double-click on the element inside the group to select it.

The issue is that upon double-clicking, the object sticks to the cursor and starts moving with it, until user hits left mouse button again. Is there a way to avoid this need to detach an element from the cursor?

https://github.com/daybrush/selecto/assets/136099930/53180e23-718a-433d-b04c-7ef5c452e200

In Figma, for example, you simply need to double click on the element in the group, and you can seamlessly move it around the canvas. Any chance this could be fixed, pretty please?

Thanks a mil!

[daybrush]

@vladdubchak

Click occurs when mouseup (double click), (sub-select)

I will add an event that occurs when mouse down (double) is moveable.

[vladdubchak]

Thanks @daybrush , looking forward!