From 25f63ef7c67bca8399dfe02ec220a35b0e2b30e4 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Thu, 5 Sep 2024 17:14:22 +0300
Subject: [PATCH] RED-9372: fixed table-items moving on hover.

---
 .../table-content/table-content.component.scss        |  2 +-
 src/lib/listing/table/table.component.ts              | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/lib/listing/table-content/table-content.component.scss b/src/lib/listing/table-content/table-content.component.scss
index f9eeaf0..de93309 100644
--- a/src/lib/listing/table-content/table-content.component.scss
+++ b/src/lib/listing/table-content/table-content.component.scss
@@ -2,7 +2,7 @@
 
 :host cdk-virtual-scroll-viewport {
     height: calc(100vh - 50px - 31px - var(--iqser-top-bar-height) - 50px);
-    overflow-y: hidden !important;
+    overflow-y: auto !important;
     background-color: var(--iqser-background);
     @include mixins.scroll-bar;
 
diff --git a/src/lib/listing/table/table.component.ts b/src/lib/listing/table/table.component.ts
index 0b08eac..e08afcf 100644
--- a/src/lib/listing/table/table.component.ts
+++ b/src/lib/listing/table/table.component.ts
@@ -87,18 +87,17 @@ export class TableComponent<Class extends IListable<PrimaryKey>, PrimaryKey exte
     }
 
     private _setColumnsWidth(element: HTMLElement) {
-        let gridTemplateColumnsHover = '';
+        let gridTemplateColumns = '';
         if (this.selectionEnabled) {
-            gridTemplateColumnsHover += '30px ';
+            gridTemplateColumns += '30px ';
         }
         for (const config of this.tableColumnConfigs) {
-            gridTemplateColumnsHover += `${config.width || '1fr'} `;
+            gridTemplateColumns += `${config.width || '1fr'} `;
         }
-        gridTemplateColumnsHover += this.emptyColumnWidth || '';
-        const gridTemplateColumns = `${gridTemplateColumnsHover} ${SCROLLBAR_WIDTH}px`;
+        gridTemplateColumns += this.emptyColumnWidth || '';
+        gridTemplateColumns = `${gridTemplateColumns} ${SCROLLBAR_WIDTH}px`;
 
         element.style.setProperty('--gridTemplateColumns', gridTemplateColumns);
-        element.style.setProperty('--gridTemplateColumnsHover', gridTemplateColumnsHover);
     }
 
     private _setItemSize(element: HTMLElement) {