From 79bcd29bacd203f87a822431f9218015dbabb830 Mon Sep 17 00:00:00 2001
From: Teya Veselinova <tveselin@progress.com>
Date: Fri, 15 Nov 2024 13:48:02 +0200
Subject: [PATCH] fix(html): removed k-touch-action-auto from Grid cells

---
 .../grid/tests/grid-column-menu-angular.tsx   | 36 +++++------
 .../tests/grid-editing-inline-angular.tsx     | 24 +++----
 .../grid/tests/grid-filter-menu-angular.tsx   | 36 +++++------
 .../grid/tests/grid-filter-row-angular.tsx    | 32 +++++-----
 .../tests/grid-grouping-detail-template.tsx   | 64 +++++++++----------
 5 files changed, 96 insertions(+), 96 deletions(-)

diff --git a/packages/html/src/grid/tests/grid-column-menu-angular.tsx b/packages/html/src/grid/tests/grid-column-menu-angular.tsx
index 98aeea769e9..2cca1f20dff 100644
--- a/packages/html/src/grid/tests/grid-column-menu-angular.tsx
+++ b/packages/html/src/grid/tests/grid-column-menu-angular.tsx
@@ -38,20 +38,20 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow alt className="k-master-row k-alt">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -95,20 +95,20 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow alt className="k-master-row k-alt">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -152,20 +152,20 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow alt className="k-master-row k-alt">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
diff --git a/packages/html/src/grid/tests/grid-editing-inline-angular.tsx b/packages/html/src/grid/tests/grid-editing-inline-angular.tsx
index 5c5df2f7b7e..3a52be77690 100644
--- a/packages/html/src/grid/tests/grid-editing-inline-angular.tsx
+++ b/packages/html/src/grid/tests/grid-editing-inline-angular.tsx
@@ -44,25 +44,25 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row k-grid-edit-row" role="row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Textbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button>Update</Button>
                                             <Button>Cancel</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row k-alt" alt>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product2
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button>Edit</Button>
                                             <Button>Remove</Button>
                                         </TableTd>
@@ -123,25 +123,25 @@ export default () =>(
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product1
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button>Edit</Button>
                                             <Button>Remove</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row k-alt" alt>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product2
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button>Edit</Button>
                                             <Button>Remove</Button>
                                         </TableTd>
diff --git a/packages/html/src/grid/tests/grid-filter-menu-angular.tsx b/packages/html/src/grid/tests/grid-filter-menu-angular.tsx
index 01a51d93d8f..5a7cb63097f 100644
--- a/packages/html/src/grid/tests/grid-filter-menu-angular.tsx
+++ b/packages/html/src/grid/tests/grid-filter-menu-angular.tsx
@@ -39,24 +39,24 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product1
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row k-alt" alt>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product2
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -103,24 +103,24 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product1
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row k-alt" alt>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product2
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -167,24 +167,24 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product1
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row k-alt" alt>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             Product2
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
diff --git a/packages/html/src/grid/tests/grid-filter-row-angular.tsx b/packages/html/src/grid/tests/grid-filter-row-angular.tsx
index ab0a85d4ed4..224264686ad 100644
--- a/packages/html/src/grid/tests/grid-filter-row-angular.tsx
+++ b/packages/html/src/grid/tests/grid-filter-row-angular.tsx
@@ -74,22 +74,22 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>1</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>1</TableTd>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row k-alt" alt>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>2</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>2</TableTd>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -171,22 +171,22 @@ export default () =>(
                                 </colgroup>
                                 <TableTbody>
                                     <TableRow className="k-master-row">
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>1</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>1</TableTd>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
                                     <TableRow className="k-master-row k-alt" alt>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>2</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>2</TableTd>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
diff --git a/packages/html/src/grid/tests/grid-grouping-detail-template.tsx b/packages/html/src/grid/tests/grid-grouping-detail-template.tsx
index f40d288ed09..4e30c7c4816 100644
--- a/packages/html/src/grid/tests/grid-grouping-detail-template.tsx
+++ b/packages/html/src/grid/tests/grid-grouping-detail-template.tsx
@@ -51,12 +51,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="plus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox id="k-grid0-checkbox0" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>1</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>1</TableTd>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -64,12 +64,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="plus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox id="k-grid0-checkbox0" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>2</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>2</TableTd>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -143,12 +143,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="plus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>1</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>1</TableTd>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -165,12 +165,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="plus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>2</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>2</TableTd>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -258,12 +258,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="plus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>1</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>1</TableTd>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -290,12 +290,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="plus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>2</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>2</TableTd>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -382,12 +382,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="minus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>1</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product1</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>1</TableTd>
+                                        <TableTd colspan={1}>Product1</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>
@@ -420,12 +420,12 @@ export default () =>(
                                         <TableTd className="k-hierarchy-cell">
                                             <Icon icon="minus" />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>
+                                        <TableTd colspan={1}>
                                             <Checkbox />
                                         </TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>2</TableTd>
-                                        <TableTd className="k-touch-action-auto" colspan={1}>Product2</TableTd>
-                                        <TableTd className="k-touch-action-auto k-command-cell" colspan={1}>
+                                        <TableTd colspan={1}>2</TableTd>
+                                        <TableTd colspan={1}>Product2</TableTd>
+                                        <TableTd className="k-command-cell" colspan={1}>
                                             <Button icon="trash">Delete</Button>
                                         </TableTd>
                                     </TableRow>