fix(platform): table empty cell screenreader text (#11608)

* fix(platform): table empty cell screenreader text * fix: pr comment --------- Co-authored-by: deno <mladen.droshev@sap.com>
SAP · Mar 25, 2024 · dbdaa51 · dbdaa51
1 parent f9d773c
commit dbdaa51
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/libs/docs/platform/table/examples/platform-table-custom-title-example.component.ts b/libs/docs/platform/table/examples/platform-table-custom-title-example.component.ts
@@ -127,7 +127,7 @@ const ITEMS: ExampleItem[] = [
     {
         id: 4,
         name: 'Beam Breaker B-1',
-        description: 'fermentum donec ut',
+        description: '',
         price: {
             value: 36.56,
             currency: 'NZD'

diff --git a/libs/platform/src/lib/table/components/table-row/table-row.component.html b/libs/platform/src/lib/table/components/table-row/table-row.component.html
@@ -146,7 +146,7 @@
     (keydown.arrowRight)="_tableRowService.scrollToOverlappedCell()"
     (keydown.space)="_handleCellSpaceKey(colIdx, tableCellElement, $event)"
 >
-    <div [class.fd-table__text]="column.applyText" [class.fd-table__text--no-wrap]="column.noWrap">
+    <div [class.fd-table__text]="column.applyText" [class.fd-table__text--no-wrap]="column.noWrap" #tableTextContainer>
         <span
             *ngIf="_isTreeRowFirstCell(colIdx, row)"
             class="fd-table__expand"
@@ -156,7 +156,7 @@
 
         <ng-container *ngIf="row.state === 'readonly'; else editModeCell">
             <span
-                *ngIf="(row.value | valueByPath : column.key) === '' || (row.value | valueByPath : column.key) === null"
+                *ngIf="tableTextContainer?.innerText?.trim() === ''"
                 style="
                     position: absolute !important;
                     height: 1px;