implement tabbableChildren getter for menu-button cell-view

ni · May 24, 2024 · 39ac1bb · 39ac1bb
1 parent 60179bb
commit 39ac1bb
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/nimble-components/src/table-column/menu-button/cell-view/index.ts b/packages/nimble-components/src/table-column/menu-button/cell-view/index.ts
@@ -31,6 +31,14 @@ export class TableColumnMenuButtonCellView extends TableCellView<TableColumnMenu
         this.menuButton?.blur();
     }
 
+    public override get tabbableChildren(): HTMLElement[] {
+        // this.menuButton can be initialized even when not active in the template, so make sure it's in our DOM
+        if (this.menuButton?.getRootNode() === this.shadowRoot) {
+            return [this.menuButton];
+        }
+        return [];
+    }
+
     public onMenuButtonBeforeToggle(event: CustomEvent<MenuButtonToggleEventDetail>): boolean {
         const configuredSlotName = this.columnConfig?.menuSlot;
         if (configuredSlotName && event.detail.newState) {