fix(select): Fixes outline position within formfield.

dynatrace-oss · Jan 13, 2022 · 9a55d80 · 9a55d80
1 parent 999ccde
commit 9a55d80
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/libs/barista-components/select/src/select.scss b/libs/barista-components/select/src/select.scss
@@ -39,6 +39,12 @@ $dt-select-panel-min-width: 112px !default;
   .dt-form-field-infix > & {
     border: none;
     min-height: 30px;
+    &.cdk-focused.cdk-keyboard-focused,
+    &.cdk-focused.cdk-program-focused {
+      /** since the select is 2px smaller we need to move the offset out
+        1px to have the same outline position */
+      outline-offset: 2px;
+    }
   }
 
   @include dt-cdkmonitor-focus-style();