drag-and-drop

Describe the bug

When using the Swap plugin, it's impossible to cancel a swap once the swap threshold has been met for an item. You can't drag the item back to its original place to prevent a swap. This happens with or without the revertOnSpill: true option.

To Reproduce
Steps to reproduce the behavior:

Go to https://sortablejs.github.io/Sortable/#swap
Drag "Item 1" to h

Describe the bug
When using move to lower the position of an element, adding 1 to the index does not work, and 2 needs to be added.

To Reproduce
I implemented the following code to move the element position up and down under the ROOT, but the onDown function did not move the element down.

  const {
    actions: { move, delete: deleteNode },
    query,
  } = useEditor();

User case:
- for programmers new to the library to get some context on how to add customization functions and styles
Implementation ideas:
- Thinking of creating a markdown doc or webpage or something

react-sortable-hoc provides the native event on the onSortEnd callback, that makes it trivial to know which kind of input method was used.

How can we tell from the onDragEnd handler if a drag/sort was performed using the keyboard, mouse, or touch?

Mar	APR	May
	22
2021	2022	2023

drag-and-drop

Here are 1,625 public repositories matching this topic...

atlassian / react-beautiful-dnd

SortableJS / Sortable

[bug] Can't cancel swap once an item has been hovered over

How can I only change children order in the nested example

bevacqua / dragula

react-dnd / react-dnd

SortableJS / Vue.Draggable

dropzone / dropzone

Shopify / draggable

artf / grapesjs

react-grid-layout / react-grid-layout

pqina / filepond

taye / interact.js

clauderic / react-sortable-hoc

haltu / muuri

alyssaxuu / flowy

react-dropzone / react-dropzone

konvajs / konva

MrXujiang / h5-Dooring

golden-layout / golden-layout

jbaysolutions / vue-grid-layout

h6ah4i / android-advancedrecyclerview

prevwong / craft.js

There was a problem with lowering the element position using move

givanz / VvvebJs

frontend-collective / react-sortable-tree

Create a tutorial page to provide step by step implementation of some complex style editing and function implementations

Bug: Typescript error, property shouldCopyOnOutsideDrop does not exists

clauderic / dnd-kit

Question: How to know which input method was used on drag end?

brick-design / brick-design

ParthJadhav / Tkinter-Designer

mikepenz / FastAdapter

unlayer / react-email-editor

microweber / microweber

lxcid / LXReorderableCollectionViewFlowLayout

Improve this page

Add this topic to your repo