Two draggable on top of each other

[spixy]

Jsfiddle link

none because of #147

Step by step scenario

Have two vertical draggable columns (#1 and #2) and another draggable (#3) with position: fixed; z-index: 10 that renders on top of both of them (and partially intersects them).

Actual Solution

Dragging item from to #1 to #3 also drags the item into #2.

Expected Solution

Dragging item from to #1 to #3 drags the item into #3 only.

---

I tried draggable3.addEventListener("dragenter", e => e.stopPropagation()); but with no success, because draggable #3 is not child of other draggables.