From 37ecbf8d28fa2ac96eee20d7fc799a378b7f608a Mon Sep 17 00:00:00 2001 From: Wesley Haines Date: Sat, 16 Jan 2021 22:51:38 -0500 Subject: [PATCH 1/2] Move moz-focusring into select.form-control Avoid bug in FF where text appears "noisy" due to text-shadow applying to focused form fields. --- scss/_forms.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/scss/_forms.scss b/scss/_forms.scss index 66a4efe1d475..d5f52c0d24a9 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) receives focus