Open stuta opened 5 years ago
The other problem is that css display: block (below) breaks flexbox. When I change it to display: flex then I get and error: Uncaught TypeError: Cannot read property 'setDraggables' of undefined.
display: flex !important;
.Uncaught TypeError: Cannot read property 'setDraggables' of undefined
error was solved by arranging container and draggable directives in right order.I would like to know how vue-smooth-dnd changes basic smooth-dnd so that it starts to work.
Motivation
This library uses components, but with components you have to create divs around container and code creates divs around draggable items. It is slow and doubles the dom element amount.
Another big problem is that those divs break flexbox.
So I made a small directive using plain smooth-dnd.
Problems
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'
.display: block
(below) breaks flexbox. When I change it todisplay: flex
then I get and error:Uncaught TypeError: Cannot read property 'setDraggables' of undefined
.Prolem css
Usage example
Directive code
This version of code is modified and untested.