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 index 88814df501f..b02ab27a4e2 100644 --- 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) { 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 index 5392dbeb726..9ba4d44be40 100644 --- 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); + } } }