From f36b1fa8e276c83fe1edaef1e453a37a41b58b79 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Wed, 16 Oct 2024 15:26:29 +0300
Subject: [PATCH] RED-8277: use a instead of div.

---
 .../listing/table-content/table-content.component.html    | 8 ++++----
 .../listing/table-content/table-content.component.scss    | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/lib/listing/table-content/table-content.component.html b/src/lib/listing/table-content/table-content.component.html
index ef6198a..716909e 100644
--- a/src/lib/listing/table-content/table-content.component.html
+++ b/src/lib/listing/table-content/table-content.component.html
@@ -11,7 +11,7 @@
             <!-- mouseenter and mouseleave triggers change detection event if itemMouse functions are undefined -->
             <!-- this little hack below ensures that change detection won't be triggered if functions are undefined -->
             @if (itemMouseEnterFn || itemMouseLeaveFn) {
-                <div
+                <a
                     (mouseenter)="itemMouseEnterFn && itemMouseEnterFn(entity)"
                     (mouseleave)="itemMouseLeaveFn && itemMouseLeaveFn(entity)"
                     [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
@@ -24,9 +24,9 @@
                         [entity]="entity"
                         [selectionEnabled]="selectionEnabled"
                     ></iqser-table-item>
-                </div>
+                </a>
             } @else {
-                <div
+                <a
                     [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
                     [id]="rowIdPrefix + '-' + ((entity[namePropertyKey] | snakeCase) ?? entity.id)"
                     [ngClass]="getTableItemClasses(entity)"
@@ -37,7 +37,7 @@
                         [entity]="entity"
                         [selectionEnabled]="selectionEnabled"
                     ></iqser-table-item>
-                </div>
+                </a>
             }
         </ng-container>
     </cdk-virtual-scroll-viewport>
diff --git a/src/lib/listing/table-content/table-content.component.scss b/src/lib/listing/table-content/table-content.component.scss
index 3bf1d2d..1abf3b3 100644
--- a/src/lib/listing/table-content/table-content.component.scss
+++ b/src/lib/listing/table-content/table-content.component.scss
@@ -72,3 +72,8 @@
 .display-contents {
     display: contents;
 }
+
+a {
+    display: contents;
+    @include mixins.clear-a;
+}