Floating Label - Multi Select Box

[apalfrey]

Floating Label - Multi Select Box

[GHPS]

The selected options, overlay the floating label (refer screenshot below).

Currently, before floating labels are officially supported, you have two options -
place the selected items a bit lower and/or remove their border.

1. Lower items with
   .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {padding-top: 0.9em; }
2. Remove the item border with
   .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { border: none}

For me personally the combination of both of them looks most pleasant.

[apalfrey]

Floating labels are not currently supported, however there is a request here to have them supported #21, I haven't had much time to work on this recently but I'm hoping to get it sorted out soon