From 545412901a44237c6794104bc280a689c6f8a622 Mon Sep 17 00:00:00 2001
From: d3m1d0v <d3m1d0v@yandex-team.ru>
Date: Thu, 2 Oct 2025 17:27:59 +0300
Subject: [PATCH] fix(YfmTable): fix button display while dragging

---
 .../YfmTable/plugins/YfmTableControls/dnd/dnd-ghost.ts   | 9 ++++++---
 .../yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.scss   | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-ghost.ts b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-ghost.ts
index e39aced2..68d211b5 100644
--- a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-ghost.ts
+++ b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd-ghost.ts
@@ -212,15 +212,18 @@ export class YfmTableDnDGhost {
         const button = target.closest('.g-button');
         if (!button) return null;
 
+        const container = button.ownerDocument.createElement('div');
+        container.classList.add('g-md-yfm-table-dnd-ghost-button');
+
         const rect = button.getBoundingClientRect();
-        const cloned = button.cloneNode(true) as HTMLElement;
+        const cloned = container.appendChild(button.cloneNode(true) as HTMLElement);
 
         removeIdAttributes(cloned);
         cloned.style.cursor = '';
-        cloned.classList.add('g-md-yfm-table-dnd-ghost-button');
+        cloned.style.pointerEvents = 'none';
 
         return {
-            domElement: cloned,
+            domElement: container,
             shiftX: rect.left - this._x,
             shiftY: rect.top - this._y,
         };
diff --git a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.scss b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.scss
index 347f0e48..86a546da 100644
--- a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.scss
+++ b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.scss
@@ -11,7 +11,7 @@
 }
 
 .yfm.g-md-yfm-table-dnd-ghost,
-.g-button.g-md-yfm-table-dnd-ghost-button {
+.g-md-yfm-table-dnd-ghost-button {
     position: fixed;
 
     cursor: grabbing;
@@ -32,7 +32,7 @@
     }
 }
 
-.g-button.g-md-yfm-table-dnd-ghost-button {
+.g-md-yfm-table-dnd-ghost-button {
     --g-button-background-color-hover: var(--g-color-base-background);
     --g-button-background-color: var(--g-color-base-background);
     --g-button-border-color: var(--g-color-line-brand);