bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-08 04:33:38 +00:00
Code Issues Releases Wiki Activity

update jsdoc

Browse Source
This commit is contained in:
William Martin
2025-05-19 11:29:26 -04:00
parent ca9b883d4a
commit 11f1f6349a
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
libs/components/src/a11y/a11y-grid.directive.ts
View File

@@ -40,7 +40,7 @@ export class A11yGridDirective {
/** The row that currently has focus */
private activeRow = signal(0);
private renderedRow = computed(() => this.convertRealRowToRenderedRow(this.activeRow()));
private renderedRow = computed(() => this.convertRealRowToViewportRow(this.activeRow()));
/** The cell that currently has focus */
private activeCol = signal(0);
@@ -98,14 +98,21 @@ export class A11yGridDirective {
event.preventDefault();
}
private convertRealRowToRenderedRow(row: number) {
const range = this.viewPort
? this.viewPort.getRenderedRange()
: { start: 0, end: this.numRows };
if (row >= range.start && row < range.end) {
return row - range.start; // Convert real row index to rendered row index
/**
* Converts real row index to viewport row index. The two will differ when list virtualization is used.
* @param realRow A row index based on the total number of rows in the grid
* @returns A row index based on the total number rows being rendered in the viewport.
*/
private convertRealRowToViewportRow(realRow: number): number {
if (!this.viewPort) {
return realRow;
}
return row;
const { start, end } = this.viewPort.getRenderedRange();
if (realRow >= start && realRow < end) {
return realRow - start;
}
return realRow;
}
/** Move focus via a delta against the currently active gridcell */
@@ -113,7 +120,7 @@ export class A11yGridDirective {
let nextCol = this.activeCol() + colDelta;
let nextRow = this.activeRow() + rowDelta;
const getNumColumns = (r: number) => this.grid()[this.convertRealRowToRenderedRow(r)].length;
const getNumColumns = (r: number) => this.grid()[this.convertRealRowToViewportRow(r)].length;
// Row upper bound
if (nextRow >= this.numRows) {