How can i remove selected by clicking the outside area of Selecto?

Environments

• Framework name: React Hooks
• Framework version:
• Component name:
• Component version:
• Testable Address(optional):

Description

Hello again @daybrush , Thank you so mush for great plugin. I’m using react-moveable with selecto as [https://daybrush.com/selecto/storybook/?path=/story/selecto-with-moveable--select-moveable-targets-in-real-time].

In your example, selection is unselect by clicking within this ".selecto-area .elements" div. I would like to remove selection by clicking outside area of Selecto. I tried with two option, First option with setTargets([]) to remove selection and it was remove the selection but i can’t select items again. Second option is i add ".selecto-area .elements" class to body tag. But other click event doesn’t work inside that body.

Do you have any example like that please?

[iBasit]

doesn’t work as expected. This issue should be reopen.

[daybrush]

@Eiputoo

In this code:

selectoRef.current.setSelectedTargets([]);