Support transitioning between lists

[alexreardon]

No description provided.

[NotAmaan]

@alexreardon, is there a rough ETA on this?

[alexreardon]

We do not really work on ETA's - but we are starting work on this in the next week or two

[alexreardon]

Things are well underway for this one!

The result of a whiteboard session with @jaredcrowe

[alexreardon]

The really hard part one about this one will be getting the keyboard story right. We are really sweating the details to make it work as naturally as possible

[dashed]

@alexreardon will there be support for moving between nested lists?

[alexreardon]

At this stage I will say no - we may look into it in the future though

[NotAmaan]

@alexreardon I would definitely vote for nested lists as well. I think the whole Drag and Drop behaviour is mostly used for Kanban boards (btw would be sick to see this being used in Trello) and UI/Page/Layout builders. The latter is what I use react-dnd for, can't wait to switch to react-beautiful-dnd though.

[alexreardon]

At this stage we are not targeting support for interacting Draggables between nested lists for the initial version of this. It adds a lot of complexity which will hold up us delivering this feature. We can look into the ability of transitioning between nested lists as a seperate issue in the future

[alexreardon]

Keep in mind that there will be support for dropping on lots of different Droppables - just not nested Droppables initially.

[alexreardon]

Some more thinking about how transitioning between lists with a keyboard will work

[alexreardon]

Branch we are using for this feature: https://github.com/atlassian/react-beautiful-dnd/tree/moving-between-lists

[poryzhao]

when will be ready to support moving between nested lists?

[alexreardon]

We are looking at landing a whole range of features before looking into transitioning between nested lists

[alexreardon]

It might seem quiet - but we are busy at work with this one! I just had a break through today with keyboard dragging

[alexreardon]

Making some great progress on keyboard transitioning (so hard!!!). The devil is in the details so there is a still a way to go - but getting closer

[alexreardon]

Still rough, but you can have a play with our work in progress here

Try using the keyboard - it is awesome.

Some of the examples are still a little wonky - still a work in progress

[hakunin]

@alexreardon very nice! One thing I could imagine being improved (outside of this PR) is that when the card isn't lifted, the card focus would move so that I can easily select a different one with arrow keys.

[alexreardon]

@hakunin you are welcome to add that on top of the library. You would need to patch the onKeyDown drag handle function and handle the arrow key actions yourself (while a drag is not occurring of course).

When nothing is dragging react-beautiful-dnd does not override any standard browser behaviour. Arrow keys are usually reserved for scrolling the page.

[hakunin]

@alexreardon thanks, makes sense. Trello uses hjkl for walking, which is pretty standard so thats what I am going to use as well.

[tobiasandersen]

@alexreardon Crazy stuff, looks absolutely amazing!

[arthcmr]

Can't wait to see progress on this @alexreardon Nice work 🙌

[alexreardon]

We are hoping to ship today or tomorrow!!

[alexreardon]

Shipped!

[poryzhao]

can there only be one placeholder in a board?

[alexreardon]

@poryzhao this needs some more thinking I agree. The challenge with removing the original placeholder is that the list size can collapse. Perhaps it is better to keep the space at the bottom of the list rather than in place. What do others think?

[alexreardon]

@poryzhao I am keen to make this a bit nicer. I created this with my thoughts on it: #94