search

bokuweb / react-rnd

🖱 A resizable and draggable component for React.
https://bokuweb.github.io/react-rnd/stories
MIT License
3.94k stars 324 forks source link

A question about the implementation of one possibility #746

Open MrPrometheus opened 4 years ago

MrPrometheus commented 4 years ago

Overview of the problem

I'm using react-rnd version [10.1.10]

My browser is: Google Chrome

Description

I have a question. Imagine that the screen is divided into 2 parts, in the first part some controls are stored (buttons carrying any functions). In the second part, there is a field for composing logic from controls from the first part. The question is this: I want to drag controls from the first part to the second part only to those places where it is possible (Since some kind of logic will be built from these controls, I need to drag them only to those places where it is possible, let's say for now that one after another and only so). If I started to drag the control and did not bring it to the place where it can be dropped, then it will return to its place. How can i implement this?

Expected, actual behavior

We start dragging an element out of something (example a list). For the dragged element, there is a certain place where it can be dropped, if we brought this element to this place, then the element is omitted, otherwise the element is returned to the list

desc

From the attached picture. We start dragging element 1 and if it is brought to point A, then it drops there, otherwise it returns to its original place. Also with the rest for example for 2nd place B for 3rd place C, etc.

GrassHopper42 commented 2 years ago

Have you found any solution?