Fixed #9437 The up and down arrow key stops working by the table virt…

…ualscrolling
primefaces · Oct 22, 2020 · 55563f3 · 55563f3
1 parent d3b3fbf
commit 55563f3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app/components/table/table.css b/src/app/components/table/table.css
@@ -255,6 +255,12 @@ p-columnfilterformelement > .p-inputtext,
     display: none;
 }
 
+/* Virtual Scroll*/
+
+cdk-virtual-scroll-viewport {
+    outline: 0 none;
+}
+
 @media screen and (max-width: 40em) {
    .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
    .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {

diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts
@@ -2292,7 +2292,7 @@ export class TableBody implements OnDestroy {
             </div>
         </ng-container>
         <ng-template #virtualScrollTemplate>
-            <cdk-virtual-scroll-viewport [itemSize]="dt.virtualRowHeight" [style.height]="dt.scrollHeight !== 'flex' ? scrollHeight : undefined"
+            <cdk-virtual-scroll-viewport [itemSize]="dt.virtualRowHeight" tabindex="0" [style.height]="dt.scrollHeight !== 'flex' ? scrollHeight : undefined"
                     [minBufferPx]="dt.minBufferPx" [maxBufferPx]="dt.maxBufferPx" (scrolledIndexChange)="onScrollIndexChange($event)" class="p-datatable-virtual-scrollable-body">
                 <table #scrollTable [class]="dt.tableStyleClass" [ngStyle]="dt.tableStyle">
                     <ng-container *ngTemplateOutlet="frozen ? dt.frozenColGroupTemplate||dt.colGroupTemplate : dt.colGroupTemplate; context {$implicit: columns}"></ng-container>