fix: Remove focus outline from tree-view focus target (#4034)

cansuaa · web-flow · commit 773369f7dd0c · 2025-11-13T14:04:45.000Z
diff --git a/src/tree-view/tree-item/styles.scss b/src/tree-view/tree-item/styles.scss
@@ -35,6 +35,7 @@ $item-toggle-column-width: 28px;
     }
 
     > .expand-toggle-wrapper {
+      display: grid;
       grid-column: 1;
       grid-row: 1;
       padding-inline-end: awsui.$space-scaled-xxs;
@@ -56,7 +57,10 @@ $item-toggle-column-width: 28px;
   }
 }
 
-.tree-item-structured-item,
-.tree-item-focus-target {
+.tree-item-structured-item {
   /* used in keyboard navigation */
 }
+
+.tree-item-focus-target {
+  outline: none;
+}

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,7 @@ $item-toggle-column-width: 28px;`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`> .expand-toggle-wrapper {`
	`38`	`+ display: grid;`
`38`	`39`	`grid-column: 1;`
`39`	`40`	`grid-row: 1;`
`40`	`41`	`padding-inline-end: awsui.$space-scaled-xxs;`
`@@ -56,7 +57,10 @@ $item-toggle-column-width: 28px;`
`56`	`57`	`}`
`57`	`58`	`}`
`58`	`59`
`59`		`-.tree-item-structured-item,`
`60`		`-.tree-item-focus-target {`
	`60`	`+.tree-item-structured-item {`
`61`	`61`	`/* used in keyboard navigation */`
`62`	`62`	`}`
	`63`	`+`
	`64`	`+.tree-item-focus-target {`
	`65`	`+ outline: none;`
	`66`	`+}`