constrain listbox dragging and selection to handles/triggers within listboxitem? #6572
-
|
as can be seen from the image below, i have a listbox of column rows that can be dragged to change column order and selected to show/hide it in the table. is there a way to limit the enabling of the draggable feature to only when the grab button with the dots is pressed and only selected when the checkbox is ticked? or does me having this things on each arrow essentially just assist in indicating what can be done?
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
If you wanted to separate them out, you could use GridList instead. Then depending on the combination of actions/dragging/selection they will act more independently from each other https://react-spectrum.adobe.com/react-aria/GridList.html#row-actions The reason why you can't separate them in ListBox is explained here https://react-spectrum.adobe.com/react-aria/ListBox.html#text-slots so in a ListBox, they are as you've noted, an indication of what can be done. |
Beta Was this translation helpful? Give feedback.
-
|
right you are. was staring me right in the face. cheers for taking the time mate. |
Beta Was this translation helpful? Give feedback.
If you wanted to separate them out, you could use GridList instead. Then depending on the combination of actions/dragging/selection they will act more independently from each other https://react-spectrum.adobe.com/react-aria/GridList.html#row-actions
The reason why you can't separate them in ListBox is explained here https://react-spectrum.adobe.com/react-aria/ListBox.html#text-slots so in a ListBox, they are as you've noted, an indication of what can be done.