Topic: Select single and multiple mode labels should be consistent
BigMonkey pro asked 2 years ago
There are differences between how Select behaves wheatear its set to single or multiple mode. When its set to multiple you get the nice label that acts as a placeholder until you pick something, but in single select mode if you use a label it interferes with the Select since there is no blank "not set" state so the two strings of text are on top of each other.
Since this is not strictly tied to the underlying select element I think there should be an empty "not set" state option available. This would allow the labels to have a consistent behavior plus you don't always want something set by default as it is now. Yes you can create a dummy option "Select Something" but why not build it right into the component so its appearance and behavior are the same as other inputs. It just doesn't feel right as it is currently.
Thank you for your feedback. We will take a closer look at this case.
You can use something like this as work-around if I understand your problem correctly: https://mdbootstrap.com/snippets/standard/kayem79/3691227#html-tab-view The only problem with that is that once you open and close the dropdown without selecting anything, the label does not move back inside the select. :(
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.10.2
- Device: Desktop
- Browser: FF
- OS: Win 10
- Provided sample code: No
- Provided link: No