Questions tagged [sortablejs]
Sortable is a minimalist JavaScript library for reorderable drag-and-drop lists
sortablejs
234
questions
1
vote
1
answer
15
views
SortableJS - Drag element into sibling as a child
I'm new to using SortableJS, so I'm not sure if this is by design or if I'm doing it wrong.
I can drag elements to be children of elements that already have at least one child element, but I cannot ...
- 842
0
votes
1
answer
74
views
Difficulty Sorting Nested JSON Layer Tree with SortableJS in Alpine.js
I'm having trouble sorting my nested JSON layer tree using SortableJS in an Alpine.js application. I have a complex JSON structure representing layers, which can be nested multiple levels deep. My ...
- 8,305
0
votes
0
answers
35
views
SortableJS collapse list items on drag
I am using SortableJS to implement drag and drop for a todo app. Sample structure like so:
List 1:
- Item
- Item
- Item
List 2:
- Item a
- Item b
- Item c
To make list drags more effective, I would ...
- 159
1
vote
1
answer
43
views
How do I adjust the margin and width of R Shiny sortable bucket list?
I'm trying to write a UI where a user can categorize values by pulling from a bucket list on the left to different bucket lists on the right. To name the categories, there is a textInput on top of ...
0
votes
2
answers
89
views
DOM not updating in x-for loop with AlpineJS when data is sorted
I have an AlpineJS UI which allows an editor to add style rules or groups of style rules (it's not really important what these are but I've kept the concept so as to differentiate from a more simple ...
- 5,924
0
votes
1
answer
59
views
Customize the "ghost" element with VueDraggable
I use the following library: https://github.com/SortableJS/Sortable
I have 2 lists where I can dragg one element to the other list. But When i dragg the item its a clone of the icon.
What I am trying ...
- 391
0
votes
0
answers
148
views
AlpineJS + SortableJS = x-for visual conflicts
I'm currently struggling on using SortableJS in a AlpineJS project.
The problem is that when I drag an element, it does change the index values in the elements array, but visually, it stays the same.
...
- 1
1
vote
0
answers
69
views
SortableJS: how to sort when a drag operation ends?
I'm using a library SortableJS to sort a list.
By default, sorting is performed immediately when dragging.
Сan I change this behavior and do the sorting when the dragging is finished?
new Sortable(...
- 115
0
votes
0
answers
27
views
Can't implement a SortableJS plugin without referencing unexported symbols from `sortablejs` source code
I want to write a SortableJS plugin that gets mounted to a Sortable instance from the sortablejs package:
import Sortable from 'sortablejs'
Sortable.mount(new MyPlugin())
However, looking at the ...
- 23
0
votes
0
answers
73
views
Is there any way to implement drag and drop sortable Ant Design Collapse?
https://ant.design/components/collapse
using Collapse component from Ant.design 5.12
not able to implement vertical drag and drop sortable mechanism as the Collapse.Panel is deprecated now. So there ...
- 126
0
votes
0
answers
120
views
Sortablejs + React sorting unexpected behaviour
I am trying to do what the react-sortablejs library does but a simpler aproach and I am having trouble making it work.
I just have a simple drag and drop list and I want to sort items while keeping ...
- 1,659
0
votes
1
answer
91
views
Next.js react-sortablejs with local images
I have a problem that when I use react-sortablejs with local images, the src to image is not display.
The code:
import { useState } from "react";
import axios from "axios";
import {...
- 21
0
votes
0
answers
70
views
Use SortableJS with tree structure table
I have tree structure like table.
Is there any way how to use nested sortable in this case?
Or in this structure it's impossible?
Thanks a lot!
https://jsbin.com/geqonosaqa/edit?js,output
<tbody ...
- 143
-1
votes
1
answer
79
views
Prevent elements with a classname "disabled" to move with Sortable.js
I have a list of items, which contains couple items with a class name disabled.
When dragging items, those "disabled" elements should stay fixed and should not move or being pushed.
What is ...
- 3,885
0
votes
0
answers
65
views
Why hover css properties not working when using SortableJs
I have used SortableJs for drag and droping a table row into a div using angular14
The issue i am facing is when dragging a row and hovering over an element, the element's hover css properties are not ...
- 1