react-beautiful-dnd icon indicating copy to clipboard operation
react-beautiful-dnd copied to clipboard

Inplace placeholder

Open karesztrk opened this issue 1 year ago • 4 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?

karesztrk avatar Nov 20 '23 04:11 karesztrk

I'm concerned about this too.

Cillivian avatar Mar 16 '24 07:03 Cillivian

Is it what you need? https://codesandbox.io/p/sandbox/react-typescript-4rywtm https://youtu.be/NqGJeSUre3s?si=4abW9BJ7MhJAG9-m

nguyennhantg2 avatar Apr 03 '24 09:04 nguyennhantg2

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?

karesztrk avatar Apr 03 '24 09:04 karesztrk

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

reemsa avatar May 13 '24 16:05 reemsa