Skip to main content

All Questions

0 votes
0 answers
205 views

Drag and drop vue 3, render each item separately

I'm currently using laravel/inertiajs/vue3 to make a school planning web application, where the user has a calendar (monday->friday), that he can add classes to it using drag and drop, then when ...
Younes's user avatar
  • 1
0 votes
2 answers
461 views

Drag n drop in block area

I ran into this problem and don't know how to solve it. I need to drag and drop a point inside the map and save its new coordinates relative to the map. Let's say I have a layout like in the picture I'...
blurryfacebeat's user avatar
0 votes
0 answers
1k views

Sortable Multi Column Drag and Drop without Library

I am looking to implement a sortable (ordering) drag and drop between columns as well as in column. I looked all over internet to find any example that does not use a library for it. I'd love to ...
Nata Vacheishvili's user avatar
0 votes
0 answers
362 views

Drag in drop - VueJs + laravel

I have an application in Vuejs + laravel. I need to implement a drag in drop so i can drag a name from a list and drop it on an input, when I drop it on this input it returns other data, address, ...
Joubert Diego's user avatar
1 vote
1 answer
1k views

Javascript dragend event fired immediatly after dragstart

I've an important bug that is causing me a lot of damage. I've done a form generator component in Vue. It's composed by draggable area, with draggable items with a friendly appearence: short answer,...
dmanso's user avatar
  • 21
0 votes
1 answer
2k views

First drag does not work for vue-smooth-dnd vuejs

Below code contains a section for the drag and drop. div drag-block which needs to get drag, but it does not work on the first drag it does not drop. It starts to drop from we drag for the second time....
Rahul Gupta's user avatar
1 vote
0 answers
315 views

vue, svg onmove dragging not work correctly with a ViewBox

I try to make a rectangle draggable. When I add a ViewBox to the svg the drag position is not correct anymore, without it works perfect. I think i need a scale factor. Have someone a solution? Here ...
live2's user avatar
  • 4,039
1 vote
0 answers
387 views

Defining a drag container inside another drag container

This is in relation to implementing drag and drop using vue. I have a draggable div container. // BoardColumn Component Parent Container <template> <div draggable @dragover....
nasheor's user avatar
  • 11
3 votes
5 answers
4k views

Conflicting @Dragenter @Dragleave / v-show Events keep firing rapidly

pointer-events: none; has already been implemented , in debug , the boolean kept rapidly switching between true and false for both "dragging" & draggingOL" HTML Structure <ol id="product-...
CodeGuru's user avatar
  • 3,725
1 vote
1 answer
2k views

Calling the vue method from inside an event from VueDraggable

I am trying to get drag and drop function working in the vue.js app using vue-draggable https://vuejsexamples.com/vuejs-drag-and-drop-library-without-any-dependency/ The library has few events you can ...
Vitalii Oleksiv's user avatar
5 votes
2 answers
10k views

How to test drag and drop with vue and jest

Is there a good way to test drag and drop with jest and vue and vue.draggable? I tried to have a look at the test in the vue.draggable plugin, but I could not find any. Is it really untested?
rroger's user avatar
  • 63
1 vote
1 answer
2k views

Draggable vue - how to access "column" id?

Right now I trying to use draggable to build a kanban (with four columns). I started creating two columns to learn about vue-draggable, but I can't figure out how to access the column of task. My ...
Lucas Andrade's user avatar
0 votes
0 answers
423 views

Vuejs draggable - arggh

I'm new to Vuejs so please be patient. I'm trying to implement the Vuejs Draggable component and I'm stuck. I've simply copied the sample script from the Draggable website and can't get it to work. ...
Richard M's user avatar
  • 1,455
2 votes
1 answer
4k views

Vue.Draggable for tables with more than one tbody

I have table with difficult structure. The real structure of my table is much more difficult. I try to show it by a simple example. <table> <thead> <th>id</th> ...
Larionov Nikita's user avatar