Quantcast
Viewing all articles
Browse latest Browse all 49107

Vue2-dragula drag operation doesn't work

Hello,

I am using vue2-dragula library in a nuxt project with ionic framework integrated in.
I have 2 scenarios in which vue-dragula doesn’t work as expected:

  1. I am using dragula on ion-items inside a ion-list


    and the drop doesn’t work meaning that the effect of dragging works but at drop the cancel event is emitted like in the gif below
  2. I am using dragula on ion-items that are inside a div before inside the ion-list

<ion-list v-dragula="tasks1" service="effects">
            <div v-for="text of tasks1" :key="text">
              <ion-item>
                <ion-label>
                  {{ text }}
                </ion-label>
              </ion-item>
            </div>
          </ion-list>

and the drop works but the effect of dragging is wrong like in the gif below


Does anyone know why the drag and drop doesn’t work on ion ion-items inside vue projects only when are put in html elements and even than the dragging effect is bad? Because I saw many example in angular where the drag and drop works for ion elements.

Thanks

1 post - 1 participant

Read full topic


Viewing all articles
Browse latest Browse all 49107

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>