Is it possible to only allow selection on the border of the target?

Question

quinn280 opened this issue a year ago · comments

Environments

Framework name: React
Framework version: 18.2
Component name: Selecto
Component version: 1.22.0
Testable Address(optional): https://codesandbox.io/s/react-overlay-issue-sjwfjh?file=/src/App.js

Is it possible to only allow selection on the border of the target, and not the center?

My ultimate goal is to have draggable items inside of a resizable box.

My problem right now is that when a user clicks anywhere in the center of the box, it becomes selected.

Daybrush (Younkue Choi) · Answer 1 · Mon Mar 13 2023 21:05:08 GMT+0800 (China Standard Time)

Try making selectableTargets the box's selector.

selectableTargets={".target.box"}

Let me know if you have any additional specs.