From: Wesley Haines <wes@weshaines.com>
Date: Wed, 17 Feb 2021 04:00:37 +0000 (-0500)
Subject: Fix minor visual bug in FF caused by moz-focusring (v4) (#32821)
X-Git-Tag: v4.6.1~82
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9722106781fc768d34f801da85e31706d4eb0f64;p=thirdparty%2Fbootstrap.git

Fix minor visual bug in FF caused by moz-focusring (v4) (#32821)

Avoid bug in Firefox where text appears "noisy" due to text-shadow applying to focused form fields.
---

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 66a4efe1d4..a2494ceafd 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -30,12 +30,6 @@
     border: 0;
   }
 
-  // Remove select outline from select box in FF
-  &:-moz-focusring {
-    color: transparent;
-    text-shadow: 0 0 0 $input-color;
-  }
-
   // Customize the `:focus` state to imitate native WebKit styles.
   @include form-control-focus($ignore-warning: true);
 
@@ -69,6 +63,12 @@ input[type="month"] {
 }
 
 select.form-control {
+  // Remove select outline from select box in FF
+  &:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 $input-color;
+  }
+
   &:focus::-ms-value {
     // Suppress the nested default white text on blue background highlight given to
     // the selected option text when the (still closed) <select> receives focus