solidsnail / svelte-sortablejs

The sortablejs library for svelte

yarn add svelte-sortablejs

<script>
import { flip } from "svelte/animate";
import Sortable from "svelte-sortablejs";

let list = [{ id: "_dodishes", name: "Do the dishes" }];
let options = {
  group: "people",
  draggable: ".todo"
};
</script>


<Sortable {options} bind:list>
        {#each list as todo (todo.id)}
          <li
            animate:flip={{ duration: 250 }}
            sortable-id={todo.id}
            class="todo">
            {todo.name}
          </li>
        {/each}
</Sortable>

svelte-sortablejs's Issues

Can't drag two times consecutively

In Safari on desktop:

• Drag element within the list, to reorder the list.
• Without clicking anything else on the screen, drag another element to reorder the list again.
  → The element is not dragged.
  You need to click anything on the screen in between drags otherwise the second drag is not detected and you end up selecting text.

You can reproduce this on the example page if you add a few elements.