selecto icon indicating copy to clipboard operation
selecto copied to clipboard

Selecting elements on mouseover

Open bagby opened this issue 2 years ago • 3 comments

Environments

  • Framework name: Ember.js
  • Framework version: 3.22
  • Component name: Selecto
  • Component version: 1.13
  • Testable Address(optional):

Description

I would like to know if there is a way to select elements as you mouseover them, rather than only selecting elements that are contained within the drag selection. There is a selectFromInside option, but that only selects the initial element that you start the drag on, and other elements are only selected if they are completely inside the drag container. I was thinking that perhaps I could create a custom getElementRect function that does what I need, but I wanted to know if there's a simpler way of doing it.

Screen cap is of Google Calendar, this is similar to the behavior I would like. Thanks for your time. selecto-drag

bagby avatar Feb 25 '22 20:02 bagby

@bagby

Use selectByClick option to true.

daybrush avatar Mar 09 '22 14:03 daybrush

@bagby

Use selectByClick option to true.

I'd like to have similar functionality as the OP and setting the 'selectByClick' to true only lets me start the selection process by clicking in an actual selection target. What I expected is that there be a way to have targets selected if the rectangle touches them or fully encompasses them. And on the flip side, they're deselected if the selection rectangle does not touch them at all.

Do you have a solution to this scenario?

msueping avatar Jan 05 '23 19:01 msueping

@msueping

can i know which option you use?

try it like this.

toggleContinueSelect: "shift",
selectByClick: true,
selectFromInside: false,

daybrush avatar Jan 29 '23 15:01 daybrush