fix: Hides native focus outlines for drag handles (#3186)

cloudscape-design · Jan 14, 2025 · d46a1d8 · d46a1d8
1 parent f5f7e3d
commit d46a1d8
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/internal/components/drag-handle/styles.scss b/src/internal/components/drag-handle/styles.scss
@@ -56,13 +56,15 @@
     color: awsui.$color-text-interactive-hover;
   }
 
+  &:focus {
+    outline: none;
+    text-decoration: none;
+  }
+
   @include focus-visible.when-visible {
     &:not(.hide-focus) {
       @include styles.focus-highlight(0px);
     }
-    &.hide-focus {
-      outline: none;
-    }
   }
 }