Use keyboard to move item between vertically stacked lists #555
Conversation
This adds possibility to move item to the next list (vertically) with same UP/DOWN buttons that used to move through the list itself. Solution is based on existing movement between different lists but adds opposite axis parameter. Testing: add `flex-direction: column` to multi-drag/task-app.jsx#Container
|
@alexreardon This is something we need for our app. |
|
Very cool!!! 🎉 I am keen to see this happen. I am hesitant to make this change until #77 (and there is another placeholder issue too). That will give us a better base before adding this. It should happen not to long from now as #219 is a priority for us. Once #484 and #511 are done we will start working on the placeholders which will unblock this. We should also build a good example that exercises this well with droppable and page scrolling included. Sorry to hold things up, but i don't want to lock us into a corner just yet! |
|
I am really keen for this - i think we should just wait a little bit longer for some ground work. We might just be able to reopen this and go from there! |
|
Thanks @alexreardon for now we will fork the repo. |
|
@alexreardon qq I see for accessibility support it only says single list? We are trying to implement it for multiple vertical lists and were not sure if this library is a good fit though. |
|
It works perfectly for multiple lists. Here is our screen reader guide: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/screen-reader.md |
This adds possibility to move item to the next list (vertically) with same UP/DOWN buttons that used to move through the list itself. Fixes: #219
Solution is based on existing movement between different lists but adds opposite axis parameter.
Testing: add
flex-direction: columnto multi-drag/task-app.jsx#Container