NAS-126907: No possibility so select ix-explorer items via Tab key (#…

…10792) (cherry picked from commit 8de4cae) Co-authored-by: Alex Karpov <[email protected]>
truenas · Oct 3, 2024 · d50714e · d50714e
1 parent 9aae8f5
commit d50714e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/app/modules/forms/ix-forms/components/ix-explorer/ix-explorer.component.html b/src/app/modules/forms/ix-forms/components/ix-explorer/ix-explorer.component.html
@@ -55,7 +55,7 @@
           [attr.aria-label]="ariaLabel(node)"
           [class.selected]="isPathSelected(node.data.path)"
           (keyup.enter)="node?.toggleSelected()"
-          (keyup.space)="node?.toggleExpanded()"
+          (keydown.space)="$event.preventDefault(); node?.toggleExpanded()"
         >
           @if (node.data.type === ExplorerNodeType.File) {
             <ix-icon name="insert_drive_file"></ix-icon>

diff --git a/src/app/modules/forms/ix-forms/components/ix-explorer/ix-explorer.component.scss b/src/app/modules/forms/ix-forms/components/ix-explorer/ix-explorer.component.scss
@@ -58,7 +58,6 @@
     }
 
     .tree-node {
-      // Wrap long file names
       word-break: break-all;
     }
 
@@ -71,6 +70,10 @@
 
   .node-container {
     display: flex;
+
+    &:focus-visible {
+      outline: 1.5px solid var(--primary);
+    }
   }
 }