atlassian / react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React

Home Page:https://react-beautiful-dnd.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Inplace placeholder

karesztrk opened this issue · comments

Is there a way to render placeholders at the position of the Draggable?
My customer would like not to collapse the list when the dragging happens. Instead, we would add a placeholder indicating that the item is being dragged.

Does this library support this?

I'm concerned about this too.

Hey, @nguyennhantg2. Unfortunately no.

  • If we have two lists: [Fruits][Bowl].
  • I want to drag items from [Fruits] to the [Bowl] and not vice-versa.
  • And I also would like to keep the original height of the [Fruits] forever.
    • To maintain that height, I would add a placeholder. For example, an item with less opacity, which would essentially mean that it's used and cannot be used again.
    • Its like a drag-n-drop item factory that holds templates.
  • The [Bowl] would have a dynamical height based on what fruits it contains.

Does it makes sense?

Are there any updates about this?
it's exactly what I need @karesztrk