angular-drag-and-drop-lists icon indicating copy to clipboard operation
angular-drag-and-drop-lists copied to clipboard

Massive performance hit when any `ng` attributes inside the draggable item

Open chorsnell opened this issue 7 years ago • 2 comments

Hi @marceljuenemann, first up thanks for your hard work on the repo!

For a while we've noticed an issue with a draggable whose items contains ng attributes, eg not simple {{vars}}.

This has 300 items and is super fast / snappy https://codepen.io/jcjmcclean/pen/xXeKKj

This has 300 items, each containing an <input ng-model=""> and its almost unusable as far as dragging performance goes. https://codepen.io/anon/pen/LeaXrP

With less items, its less of an issue, but it seems to degrade with more complex use of ng attributes inside each item. We have a list with perhaps 10 items, but various directives / interactive elements, and its just not usable.

Any ideas / fixes / suggestions welcome :)

chorsnell avatar Jan 22 '18 19:01 chorsnell

Same issue here. Did you find a workaround?

andyschr avatar May 15 '18 16:05 andyschr

@andyschr no :( we ended up using https://github.com/a5hik/ng-sortable instead

chorsnell avatar Jun 07 '18 10:06 chorsnell