Confirmed Nestable.js not working correctly when moving items between groups

Painbaker

Well-known member
Licensed customer
Affected version
2.3.4
When you move items between nestable groups (like smileys between categories), the data input doesn't update because nestableId is undefined:

JavaScript:
const isNewRoot = this.dragRootEl.dataset.nestableId !== pointElRoot.dataset.nestableId


firefox_j9HISlYBQP.gif
 
Suggested fix

Initialize each root container with a unique nestableId:

Diff:
diff --git a/js/xf/nestable.js b/js/xf/nestable.js
--- a/js/xf/nestable.js
+++ b/js/xf/nestable.js
@@ -132,6 +132,7 @@
 		{
 			this.reset()
 
+			this.target.dataset.nestableId = XF.uniqueId(this.target)
 			this.target.dataset.nestableGroup = this.options.group
 
Last edited:
Back
Top Bottom