The number of enabled nodes does not match the number of values.

[valentinoPereira]

I seem to be getting this console warning. I have set the following property on my hook:

draggable: (el: HTMLElement) => {
      return el.dataset.candrag !== 'false';
},

A few items can be dragged, a few items cannot - accordingly they get a data-candrag attribute. But none of my items are draggable like this even though console logging the output of el.dataset.candrag !== 'false' gives me the exact boolean values. eg: [true, true, false, false] - In this case, first 2 items should be draggable, other two should not. But in the output, none can be dragged

[sashamilenkovic]

@valentinoPereira I'd be happy to take a look at a reproduction if you can make one.

[revenkroz]

For me this issue appeared when dragAndDrop was created with value instead of values in Vue.

In docs:

dragAndDrop({
  parent: parentRef,
  value: valueRef
})

Should be:

dragAndDrop({
  parent: parentRef,
  values: valueRef
})

[psyspeedi]

@sashamilenkovic Hi! I found the same error when deleting the last element from a group and trying to move the element back. Dragged group inside
draggable group.

2024-07-03.21.03.28.mov

[sashamilenkovic]

@psyspeedi This warning appears for quite a few different reasons. Underlying reason being that the number of values passed to the parent do not match the number of children that are rendered. I'm unable to diagnose this from your screen recording, but I'm happy to take a look at a reproduction.