Skip to content
GitLab

Fix validation feedback icon in select multiple

Merged Administrator requested to merge github/fork/tagliala/fix-select-multiple-validation-feedback into main

Created by: tagliala

Hi! 👋🏼👋🏼👋🏼

It has been a long time I do not contribute to Bootstrap. I've searched for "select validation feedback" but I didn't find open issues or other PRs, so apologies if it is a duplicate or if the behavior is intended

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.

How to replicate

  1. Go to https://getbootstrap.com/docs/5.0/forms/select/#sizing
  2. Add is-invalid or is-valid class to one of the <select multiple> or <select size="n>1"> inputs

What did you get

image

What did you expect (this PR)

image