Fix focus box-shadow for validation stated form-controls (#38719)

Co-authored-by: Dmitry Karpunin <ext-dmitriy.karpunin@sbermarket.ru>

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index d47b1e41d63e60a05ffb2ed42a3c3f847ccea2d5..00b47641346375ed5bd8c26551358568605b71f9 100644 (file)
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -69,7 +69,12 @@
 
       &:focus {
         border-color: $border-color;
-        box-shadow: $focus-box-shadow;
+        @if $enable-shadows {
+          @include box-shadow($input-box-shadow, $focus-box-shadow);
+        } @else {
+          // Avoid using mixin so we can pass custom focus shadow properly
+          box-shadow: $focus-box-shadow;
+        }
       }
     }
   }
@@ -100,7 +105,12 @@
 
       &:focus {
         border-color: $border-color;
-        box-shadow: $focus-box-shadow;
+        @if $enable-shadows {
+          @include box-shadow($form-select-box-shadow, $focus-box-shadow);
+        } @else {
+          // Avoid using mixin so we can pass custom focus shadow properly
+          box-shadow: $focus-box-shadow;
+        }
       }
     }
   }