From d46a1d8f8b86df37978347c46e4a402d1d594569 Mon Sep 17 00:00:00 2001 From: Andrei Zhaleznichenka Date: Tue, 14 Jan 2025 10:53:33 +0100 Subject: [PATCH] fix: Hides native focus outlines for drag handles (#3186) --- src/internal/components/drag-handle/styles.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/internal/components/drag-handle/styles.scss b/src/internal/components/drag-handle/styles.scss index 0463446aa7..b998f24f91 100644 --- 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; - } } }