From ac9ca4dc119a9b2f009d4b80c711fc41b075f3ae Mon Sep 17 00:00:00 2001
From: Maksim Ivanov <splincodewd@yandex.ru>
Date: Tue, 5 Mar 2024 17:51:29 +0300
Subject: [PATCH] fix(addon-table): eyes not draggable (#6948)

---
 .../components/reorder/reorder.style.less        |  6 +++++-
 .../components/reorder/reorder.template.html     | 16 ++++++++++------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/projects/addon-table/components/reorder/reorder.style.less b/projects/addon-table/components/reorder/reorder.style.less
index f3ffc20b3fdb..734c7f9c688b 100644
--- a/projects/addon-table/components/reorder/reorder.style.less
+++ b/projects/addon-table/components/reorder/reorder.style.less
@@ -8,10 +8,14 @@
 }
 
 .t-wrapper {
-    cursor: ns-resize;
     grid-auto-rows: 2rem;
 }
 
+.t-draggable {
+    cursor: ns-resize;
+    flex: 1 1 auto;
+}
+
 .t-item {
     .transition(background);
     display: flex;
diff --git a/projects/addon-table/components/reorder/reorder.template.html b/projects/addon-table/components/reorder/reorder.template.html
index 0eaa3f4c1ede..ae12abbba688 100644
--- a/projects/addon-table/components/reorder/reorder.template.html
+++ b/projects/addon-table/components/reorder/reorder.template.html
@@ -4,15 +4,19 @@
 >
     <tui-tile
         *ngFor="let item of unsortedItems; let index = index"
-        tuiTileHandle
         [style.order]="order.get(index)"
     >
         <div class="t-item">
-            <tui-svg
-                class="t-icon"
-                [src]="options.icons.drag"
-            ></tui-svg>
-            {{ item }}
+            <div
+                tuiTileHandle
+                class="t-draggable"
+            >
+                <tui-svg
+                    class="t-icon"
+                    [src]="options.icons.drag"
+                ></tui-svg>
+                {{ item }}
+            </div>
             <button
                 appearance="icon"
                 size="xs"