Hello,
The question is related to Droppables and Draggable.
I’m creating a splitter component with a DIV that acts as the splitter
and 2 DIV zones that are the splitted zone. To do so I use the
Droppables and Draggable in conjunction.
The splitter DIV is a Draggable component and I define 2 Droppable zones
for
the splitter DIV (Zone A and B on each side of the splitter)
It works fine if I define only one splitter.
But when I define 2 splitters, it breaks because Droppable Zone A’ of
the Horizontal splitter is inside Droppable Zone B of Vertical splitter.
Vertical Splitter
| | |
| | ZONE A’ |
| | |
| Zone A |--------ZONE B-----------------| H splitter
| | |
| | |
| | ZONE B’ |
| | |
I tried using options containment but I couldn’t make it work, I also
thought about accept but this makes me define a class for each splitter
which seams rather a bad design to me.
So the question is:
Is what I’m trying to do possible, if yes how ?
Thank you.