Problem with empty groups - flickering

[Zulkifar2]

Hi there,

I'm not really a developer and I'm not sure if I'm posting in the right place. It's my first time posting on GitHub.
I'm creating a plugin to be used in After Effects and I'm trying to implement a drag and drop function using Sortable.js.
It works great but if I move all the elements out of a group (which becomes empty) then the next drag and drops flicker and mess everything up.

I recorded a small video to illustrate the problem.
https://youtube.com/shorts/rOYVm2u0zY8

Any idea?

Everytime a color is moved the panel reloads hence the following re-run for each group.

Sortable.create(el , { animation: 300, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)", draggable: ".colorButton", ghostClass: 'ghost', group: { name: "sameGroup" }, onEnd: function (evt) { ...stuff here.... }

Thanks,
Davide

[Zulkifar2]

I've done two things and it now seems to work. The first one is to add this.destroy(); in the onEnd function as the panel will reload and the Sortable recreated.
The second is to create a transparent sortable element inside the empty groups.