apply autoscroll to all parent elements, allowing for easier movement.
Class name for the chosen item
time in milliseconds to define when the sorting should start
Only delay if user is using touch
Direction of Sortable (will be detected automatically if not given)
Disables the sortable if set to true.
Class name for the dragging item
Specifies which items inside the element should be draggable
Easing for animation. Defaults to null.
See https://easings.net/ for examples.
For other possible values, see https://www.w3schools.com/cssref/css3_pr_animation-timing-function.asp
distance mouse must be from empty sortable to insert drag element into it
Class name for the cloned DOM Element when using forceFallback
Appends the cloned DOM Element into the Document's Body
Specify in pixels how far the mouse should move before it's considered as a drag.
Selectors that do not lead to dragging (String or Function)
ignore the HTML5 DnD behaviour and force the fallback to kick in
Class name for the drop placeholder
To drag elements from one list into another, both lists must have the same group value. You can also define whether lists can give away, give and keep a copy (clone), and receive elements.
Drag handle selector within list items
Will always use inverted swap zone if set to true
Threshold of the inverted swap zone
(will be set to swapThreshold
value by default)
Enable the plugin
Key that must be down for items to be selected
Call event.preventDefault()
when triggered filter
Remove the clone element when it is not showing, rather than just hiding it
This plugin, when enabled, will cause the dragged item to be removed from the DOM if it is spilled (ie. it is dropped outside of a valid Sortable drop target)
This plugin, when enabled, will cause the dragged item to be reverted to it's original position if it is spilled (ie. it is dropped outside of a valid Sortable drop target)
Enable the plugin. Can be HTMLElement
.
px
, how near the mouse must be to an edge to start scrolling.
px
, speed of the scrolling.`
Class name for selected item
sorting inside list
Enable swap mode
Class name for swap item (if swap mode is enabled)
Threshold of the swap zone.
Defaults to 1
How many pixels the point should move before cancelling a delayed drag event
Element is dropped into the list from another list
Called when dragging element changes position
Element is chosen
Created a clone of an element
Called when an item is deselected
Element dragging ended
Attempt to drag a filtered element
Event when you move an item in the list or between lists
Element is removed from the list into another list
Called when an item is selected
Called by any change to the list (add / update / remove)
Called when either revertOnSpill
or RemoveOnSpill
plugins are enabled.
Element dragging started
Element is unchosen
Changed sorting within list
if you have custom scrollbar scrollFn may be used for autoscrolling.
Generated using TypeDoc
ms, animation speed moving items when sorting,
0
— without animation