In the case of a multi-select field, I would like to know the best practice:

  • Hide the choices that have already been selected (the list gets smaller as you go along)enter image description hereenter image description here

  • Leave the choices already selected with a "selected" status enter image description here

In which case use what?

1 Answer 1


Leave the choices already selected with a "selected" status causes the user to be forced to scroll down to see the other items, personally I see it as irrelevant noise.

1001fonts.com has some possible solutions:

  • The chosen elements are integrated into the list field
  • They have the X icon to deselect
  • There's an optimized use of space when using words in paragraph instead of the vertical list
  • The list ranks the options to choose using typographic variables: bolder on top and lighter at the bottom
  • There are buttons to show more or less options

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.