Bryan Womble

TypeScript is not supported in Vue2.

container-type: inline-size not supported in parent class.

uses the folowing code for correcction Draggable.js Table Row Example table { width: 100%; max-width: 600px; border-collapse: collapse; margin: 20px auto; font-family: Arial, sans-serif; } th, td { border: 1px...

use below code const sortable = new Draggable.Sortable( document.querySelectorAll('.container'), { draggable: '.item', handle: '.drag-handle' // Only this element triggers dragging } );

timport Sortable from 'https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Sortable/Sortable.mjs'; import Snappable from 'https://cdn.jsdelivr.net/npm/@shopify/draggable/build/esm/Plugins/Snappable.mjs'; const sortable = new Sortable(document.querySelectorAll('ul'), { draggable: 'li', plugins: [Snappable], });

With the constructor call from its class it is started and your call to DraggableMultipleMain destroys it.

uses this code below for two sortable instances import { Sortable } from '@shopify/draggable'; // Initialize the first sortable instance const sortable1 = new Sortable(document.querySelectorAll('.sortable-container-1'), { draggable: '.sortable-item', handle: '.handle',...

uses the following code below for two sortable instances import { Sortable } from '@shopify/draggable'; // Initialize the first sortable instance const sortable1 = new Sortable(document.querySelectorAll('.sortable-container-1'), { draggable: '.sortable-item', handle:...

use the folowing code below for two sorttable instances import { Sortable } from '@shopify/draggable'; // Initialize the first sortable instance const sortable1 = new Sortable(document.querySelectorAll('.sortable-container-1'), { draggable: '.sortable-item', handle:...

SortAnimation creates mirror event, have to destroy it. Already created by Sortable. See code below. let mirror = false; sortable.on("mirror:create", (e) => { if (mirror) { e.cancel(); return; } mirror...