React bootstrap has these really nice floating labels, which are displayed inside a dropdown - at full size until a user selects something, then in tiny print up above (when they have presumably already read it and just need to be reminded). These would be really nice in this application, which has a lot of dropdowns. It makes it much clearer which label goes with which dropdown, and the dropdowns take up less space.
This is not as trivial as hoped, bevcause they only work correctly with bootstraps Form.Select, and we are currently using the non boot strap react select, so some tinkering there is required.
React bootstrap has these really nice floating labels, which are displayed inside a dropdown - at full size until a user selects something, then in tiny print up above (when they have presumably already read it and just need to be reminded). These would be really nice in this application, which has a lot of dropdowns. It makes it much clearer which label goes with which dropdown, and the dropdowns take up less space.
This is not as trivial as hoped, bevcause they only work correctly with bootstraps Form.Select, and we are currently using the non boot strap react select, so some tinkering there is required.