question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

does `useSortable` support different draggable types?

See original GitHub issue

It isn’t entirely clear from the Docs, but currently in Multiple Containers - Basic Setup is it also possible to sort the droppable(container) as well? Thereby achieving a Kanban like app?


I’m wondering if it’s possible to use dnd-kit to replicate this behavior?

i.e. boards can be sorted and combined, board items can also be sorted and combined.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:13 (9 by maintainers)

github_iconTop GitHub Comments

5reactions
claudericcommented, Sep 11, 2021

I just finished implementing a working example of multiple containers with sortable columns in the official stories: https://5fc05e08a4a65d0021ae0bf2-rvnnplhsjm.chromatic.com/?path=/story/presets-sortable-multiple-containers--basic-setup

https://user-images.githubusercontent.com/1416436/132930538-3d8c5b99-a9de-4bde-8919-3bb724126437.mp4

It allowed me to find a couple bugs along the way too 😄

1reaction
ranbenacommented, Sep 9, 2021

Yeah I skipped that part to make the code more readable where it counts 😎

Read more comments on GitHub >

github_iconTop Results From Across the Web

useSortable - @dnd-kit
The useSortable hook is an abstraction that composes the useDroppable and ... For example, if you want the draggable element to have a...
Read more >
How to use useDraggable / useSortable hooks of dnd-kit ...
I'm trying to create a simple calculator with React and dnd-kit. Elements of calculator can be dragged to droppable area and can be...
Read more >
SortableJS
The MultiDrag plugin allows for multiple items to be dragged at a time. You can click to "select" multiple items, and then drag...
Read more >
Sortable | jQuery UI
Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default,...
Read more >
React Drag And Drop List With dnd Kit (React Drag ... - YouTube
We use the useSortable hook in order to create elements which can be dragged and dropped throughout the list. React drag and drop...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found