* sortable: fix empty dragging shadow style.

easysoft · Jun 19, 2024 · b929568 · b929568
1 parent e0df9a5
commit b929568
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/lib/sortable/src/style/sortable-list.css b/lib/sortable/src/style/sortable-list.css
@@ -4,3 +4,6 @@
 .sortable-list .sortable-ghost > .listitem {
   @apply -bg-warning-50;
 }
+.sortable-empty-shadow {
+  @apply !-opacity-0 !-absolute !-pointer-events-none !-left-0 !-top-0 !-w-px !-h-px;
+}
diff --git a/lib/sortable/src/vanilla/sortable.ts b/lib/sortable/src/vanilla/sortable.ts
@@ -20,7 +20,7 @@ export class Sortable extends Component<SortableOptions> {
             options.setData = ((dataTransfer, dragEl) => {
                 if (dragShadow === false && !this._emptyShadow) {
                     this._emptyShadow = dragEl.cloneNode(true) as HTMLElement;
-                    this._emptyShadow.style.opacity = '0!important';
+                    this._emptyShadow.classList.add('sortable-empty-shadow');
                     document.body.appendChild(this._emptyShadow);
                 }
                 dataTransfer.setDragImage(dragShadow === false ? this._emptyShadow! : dragShadow, 0, 0);