Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

.sortable-drag class not added to drag image

See original GitHub issue

For my app I want the original element to be visible and hide the drag image. Sortable has a dragClass option that allows you to style the image, but it appears Vue.Draggable does not support this option, as no class is added to the preview element.

Thanks!

Issue Analytics

State:
Created 6 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

paultechguycommented, Dec 26, 2017

Ok, updated as it works. Many thanks David.

I also had to add the !important to the css class property.

0reactions

David-Desmaisonscommented, Dec 26, 2017

@paultechguy In your fiddle you are not using the correct version of sortable, use version 1.7.0 (as in read.me) and it will work

Top Results From Across the Web

jquery UI Sortable adding drag image to the drag item

The class is appending to the dragging item but the image is not applying. Is their a way to do this. jquery ·...

Bootstrap Drag and drop (draggable & sortable

Drag and Drop plugin built with Bootstrap 5. Draggable list, cards, tables, grid, buttons. Sort, copy, scroll, disable, delay, nested & other options....

javascript - Drag and Drop Sortable Image Upload System

I am working on web page where I want to use a "drag and drop" image upload system, with options to remove and...

Drag and Drop in Vanilla JavaScript - Stack Abuse

In this hands on guide - learn how to implement the drag and drop functionality in vanilla JavaScript, as well as the Sortable...

Lightweight JS Sorting Library with Native HTML5 Drag and ...

How to use it: · 1. Import the SortableJS. import Sortable from 'sortablejs'; // or <script src="Sortable. · 2. Create a list of...