From bfafabfd53c330fd341cac97ba07e85abba698ab Mon Sep 17 00:00:00 2001
From: Geremia Taglialatela <tagliala.dev@gmail.com>
Date: Fri, 19 Mar 2021 21:52:58 +0100
Subject: [PATCH] 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
---
 scss/mixins/_forms.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

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 {
-- 
2.47.2