SortableJS / Vue.Draggable

Vue drag-and-drop component based on Sortable.js
https://sortablejs.github.io/Vue.Draggable/
MIT License
19.99k stars 2.89k forks source link

insertBefore Node #1202

Open leonardomoraisf opened 1 year ago

leonardomoraisf commented 1 year ago

Error : Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. at window.Node.insertBefore (webpack-internal:///./node_modules/vue-fragment/dist/vue-fragment.esm.js:142:18) at insertNodeAt (webpack-internal:///./node_modules/vuedraggable/dist/vuedraggable.umd.js:1446:24) at VueComponent.onDragRemove (webpack-internal:///./node_modules/vuedraggable/dist/vuedraggable.umd.js:2205:53) at Sortable.eval (webpack-internal:///./node_modules/vuedraggable/dist/vuedraggable.umd.js:1867:41) at dispatchEvent (webpack-internal:///./node_modules/sortablejs/modular/sortable.esm.js:783:21) at _dispatchEvent (webpack-internal:///./node_modules/sortablejs/modular/sortable.esm.js:825:3) at Sortable._onDrop (webpack-internal:///./node_modules/sortablejs/modular/sortable.esm.js:1874:13) at Sortable.handleEvent (webpack-internal:///./node_modules/sortablejs/modular/sortable.esm.js:1947:14) w

I'm receiving this error after move some cards from a list to another. What can it be and how to resolve, it's very important!!!

crankonline commented 1 year ago

@leonardomoraisf, Hi did you solve this problem somehow?

leonardomoraisf commented 1 year ago

Hi! Yes, i had to encapsulate a tag with a package i found. If you want more information, I'll send it to you!

Em sex., 7 de jul. de 2023 às 02:50, Dmitrii Ivanov < @.***> escreveu:

@leonardomoraisf https://github.com/leonardomoraisf, Hi did you solve this problem somehow?

— Reply to this email directly, view it on GitHub https://github.com/SortableJS/Vue.Draggable/issues/1202#issuecomment-1624783327, or unsubscribe https://github.com/notifications/unsubscribe-auth/AY7R6YUKYMYKWYQ7YEWHIFLXO6PRDANCNFSM6AAAAAAXJXUOIU . You are receiving this because you were mentioned.Message ID: @.***>

-- Att, Leonardo Morais (31) 97151-6241

crankonline commented 1 year ago

Hi! Yes, i had to encapsulate a tag with a package i found. If you want more information, I'll send it to you! Em sex., 7 de jul. de 2023 às 02:50, Dmitrii Ivanov < @.> escreveu: @leonardomoraisf https://github.com/leonardomoraisf, Hi did you solve this problem somehow? — Reply to this email directly, view it on GitHub <#1202 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AY7R6YUKYMYKWYQ7YEWHIFLXO6PRDANCNFSM6AAAAAAXJXUOIU . You are receiving this because you were mentioned.Message ID: @.> -- Att, Leonardo Morais (31) 97151-6241

Hi! I would be grateful if you could explain more

leonardomoraisf commented 1 year ago

Well, I found people on the web encapsulating the tag in App.vue with a tag and went looking to find out what it was. I saw that in some cases the errors were stopping when the tag was wrapped by the . When I went to test it, the error persisted, and I decided to look on the version of vue-fragment for the package that allows this encapsulation. Then, I found that from version 1.5.2 of this package it was giving errors at various times. What I did was lock the version in 1.5.1, that way vuedraggable worked perfectly without errors. Thank you very much! If you need me, I'm here, count on me! [image: image.png] [image: image.png]

Em seg., 10 de jul. de 2023 às 01:21, Dmitrii Ivanov < @.***> escreveu:

Hi! Yes, i had to encapsulate a tag with a package i found. If you want more information, I'll send it to you! Em sex., 7 de jul. de 2023 às 02:50, Dmitrii Ivanov < @.

> escreveu: … <#m-1659719685678148637> @leonardomoraisf https://github.com/leonardomoraisf https://github.com/leonardomoraisf https://github.com/leonardomoraisf, Hi did you solve this problem somehow? — Reply to this email directly, view it on GitHub <#1202 (comment) https://github.com/SortableJS/Vue.Draggable/issues/1202#issuecomment-1624783327>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AY7R6YUKYMYKWYQ7YEWHIFLXO6PRDANCNFSM6AAAAAAXJXUOIU https://github.com/notifications/unsubscribe-auth/AY7R6YUKYMYKWYQ7YEWHIFLXO6PRDANCNFSM6AAAAAAXJXUOIU . You are receiving this because you were mentioned.Message ID: @.> -- Att, Leonardo Morais (31) 97151-6241

Hi! I would be grateful if you could explain more

— Reply to this email directly, view it on GitHub https://github.com/SortableJS/Vue.Draggable/issues/1202#issuecomment-1628123676, or unsubscribe https://github.com/notifications/unsubscribe-auth/AY7R6YQRD3UE7ABDQZVPU73XPN7LNANCNFSM6AAAAAAXJXUOIU . You are receiving this because you were mentioned.Message ID: @.***>

-- Att, Leonardo Morais (31) 97151-6241

crankonline commented 1 year ago

@leonardomoraisf Thanks a lot!!! Your explanation helped!

yyxiaochen commented 1 month ago

谢谢,你的建议能够让我早点下班