From 03266530d1cfcb0e518c99f21130d941502e26ab Mon Sep 17 00:00:00 2001
From: d3m1d0v <d3m1d0v@yandex-team.ru>
Date: Thu, 2 Oct 2025 17:05:08 +0300
Subject: [PATCH] fix(YfmTableControls): fix drag-n-drop false positives

---
 .../components/FloatingMenu/FloatingMenu.tsx                 | 5 ++++-
 .../components/FloatingMenuControl/FloatingMenuControl.tsx   | 1 +
 .../yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.ts         | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.tsx b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.tsx
index 5c86f4d1..8b08506f 100644
--- a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.tsx
+++ b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenu/FloatingMenu.tsx
@@ -23,7 +23,10 @@ export type FloatingMenuProps = {
     canDrag: boolean;
     anchorElement: Element;
     dropdownItems: DropdownMenuProps<unknown>['items'];
-    switcherMouseProps?: Pick<ButtonButtonProps, 'onMouseDown' | 'onMouseMove' | 'onMouseUp'>;
+    switcherMouseProps?: Pick<
+        ButtonButtonProps,
+        'onMouseDown' | 'onMouseMove' | 'onMouseUp' | 'onMouseLeave'
+    >;
     onOpenToggle: NonNullable<DropdownMenuProps<unknown>['onOpenToggle']>;
 };
 
diff --git a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.tsx b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.tsx
index e6cbd427..8d8586eb 100644
--- a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.tsx
+++ b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/components/FloatingMenuControl/FloatingMenuControl.tsx
@@ -103,6 +103,7 @@ export const FloatingMenuControl: React.FC<FloatingMenuControlProps> =
                 switcherMouseProps={
                     dndHandler
                         ? {
+                              onMouseLeave: dndHandler.control_handleMouseLeave,
                               onMouseDown: dndHandler.control_handleMouseDown,
                               onMouseMove: dndHandler.control_handleMouseMove,
                               onMouseUp: dndHandler.control_handleMouseUp,
diff --git a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.ts b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.ts
index c3c1f67f..556f601b 100644
--- a/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.ts
+++ b/src/extensions/yfm/YfmTable/plugins/YfmTableControls/dnd/dnd.ts
@@ -38,6 +38,7 @@ export type DnDControlHandler = {
     control_handleMouseDown: React.MouseEventHandler<HTMLButtonElement>;
     control_handleMouseMove: React.MouseEventHandler<HTMLButtonElement>;
     control_handleMouseUp: React.MouseEventHandler<HTMLButtonElement>;
+    control_handleMouseLeave: React.MouseEventHandler<HTMLButtonElement>;
 };
 
 interface TableHandler {
@@ -122,6 +123,10 @@ abstract class YfmTableDnDAbstractHandler implements TableHandler, DnDControlHan
         this.__dragMouseDown = false;
     };
 
+    control_handleMouseLeave: React.MouseEventHandler<HTMLButtonElement> = () => {
+        this.__dragMouseDown = false;
+    };
+
     control_handleMouseMove: React.MouseEventHandler<HTMLButtonElement> = (event) => {
         if (!this._dragMouseDown || !isDragThresholdPassed(this._dragMouseDown, event)) return;