RED-8277: use a instead of div.

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>

src/lib/listing/table-content/table-content.component.scss

@@ -72,3 +72,8 @@
 .display-contents {
     display: contents;
 }
+
+a {
+    display: contents;
+    @include mixins.clear-a;
+}