Topic: Angular 8.4.0 Breaks Multi Select
Expected behavior Select populates with list and check boxes and labels
Actual behavior Select populates only the top half of the check boxes display and the labels do not display.
Resources (screenshots, code snippets etc.)
On the label element of the list item If you remove the width: 95% from the css the label renders properly but the checkbox still only displays the top half
.md-form mdb-select label { color: #757575; font-size: 1rem; position: absolute; top: 7px; left: 0; transition: .2s ease-out; -webkit-transform: translateY(0); transform: translateY(0); cursor: text; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* width: 95%; */ }
Arkadiusz Idzikowski staff answered 5 years ago
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: 8.4.0
- Device: Computer
- Browser: Chrome / Firefox
- OS: Linux
- Provided sample code: No
- Provided link: No
Leardi pro premium priority commented 5 years ago
8.3.1 Works as expected