Draggable JS, How to fix mirror z-index ?

diewland.eth
1 min readNov 6, 2019

--

What is Draggable ? Try this..

This is how can I implement.

const containers = document.querySelectorAll('.container');
swappable = new Draggable.Swappable(containers, {
mirror: {
constrainDimensions: true,
},
});

Closely to complete. But when drag object to somewhere z-index looks weird. You can fix by css very fast.

.draggable-mirror { z-index: 99; }

And happy dragging \o/

Reference: https://github.com/Shopify/draggable/issues/185

--

--

No responses yet