refactor(MultiSelect): improve validation handling

mrholek · mrholek · commit 194bc9779e79 · 2023-09-12T09:12:29.000+02:00
diff --git a/scss/forms/_form-multi-select.scss b/scss/forms/_form-multi-select.scss
@@ -113,10 +113,12 @@
     @include ltr-rtl("padding-right", ($form-multi-select-indicator-padding + $form-multi-select-cleaner-width + 2 * $form-multi-select-cleaner-padding-x));
   }
 
+  .was-validated .form-multi-select:invalid + &,
   &.is-invalid  {
     --#{$prefix}form-multi-select-border-color: #{$form-feedback-invalid-color};
   }
 
+  .was-validated .form-multi-select:valid + &,
   &.is-valid  {
     --#{$prefix}form-multi-select-border-color: #{$form-feedback-valid-color};
   }
diff --git a/scss/mixins/_banner.scss b/scss/mixins/_banner.scss
@@ -4,4 +4,4 @@
    * Copyright (c) 2023 creativeLabs Łukasz Holeczek
    * License (https://coreui.io/pro/license/)
    */
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -113,10 +113,12 @@`
`113`	`113`	`@include ltr-rtl("padding-right", ($form-multi-select-indicator-padding + $form-multi-select-cleaner-width + 2 * $form-multi-select-cleaner-padding-x));`
`114`	`114`	`}`
`115`	`115`
	`116`	`+ .was-validated .form-multi-select:invalid + &,`
`116`	`117`	`&.is-invalid {`
`117`	`118`	`--#{$prefix}form-multi-select-border-color: #{$form-feedback-invalid-color};`
`118`	`119`	`}`
`119`	`120`
	`121`	`+ .was-validated .form-multi-select:valid + &,`
`120`	`122`	`&.is-valid {`
`121`	`123`	`--#{$prefix}form-multi-select-border-color: #{$form-feedback-valid-color};`
`122`	`124`	`}`