droppable issue

droppable issue


I have two droppable rectangles with 10 px margin between them. I have
a draggable square of size 100px by 100px.
When I drag and drop the draggable in middle of two droppable
rectangles the square kind of sits in between both, partially
overlapping both droppable rectangles. I want it to be in one or the
other droppable but not in middle with partially overlapping both.
I am already using revert: 'invalid'.