From: Geremia Taglialatela <tagliala.dev@gmail.com>
Date: Fri, 19 Mar 2021 20:52:58 +0000 (+0100)
Subject: Fix validation feedback icon in select multiple
X-Git-Tag: v5.0.0~107
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bfafabfd53c330fd341cac97ba07e85abba698ab;p=thirdparty%2Fbootstrap.git

Fix validation feedback icon in select multiple

Validation feedback for `<select multiple>` should look like
`<textarea>`.

The previous implementation was placing the validation icon in the
middle of the select field together with the single select arrow, that
is not supposed to be part of this kind of inputs
---

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index a1e0849df0..612f94d17c 100644
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -92,6 +92,14 @@
         background-image: escape-svg($form-select-indicator), escape-svg($icon);
         background-position: $form-select-bg-position, $form-select-feedback-icon-position;
         background-size: $form-select-bg-size, $form-select-feedback-icon-size;
+
+        &[multiple],
+        &[size]:not([size="1"]) {
+          padding-right: $input-height-inner;
+          background-image: escape-svg($icon);
+          background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
+          background-size: $form-select-feedback-icon-size;
+        }
       }
 
       &:focus {