Topic: Angular Select
Hi @Damian,
Your Select is working fine when you have 5-6 Characters in a word when I'm Having more than 10-15 characters or 3 words in Select it just overlap on drop-icon.Kindly take a look at the image 
I Want to add a "..." if it exceeds more than 10-character or 2 words 
Dear Aroquiassamy,
I have resolved this problem yesterday. It will be included in the next version of MDB Angular.
Best Regards,
Damian
Actually I Asked you to change the selected item text which appears after I selected .Which looks something like below
mdb-select > div > div.single > div.value
{
margin-right: 27px;
}
Dear Aroquiassamy LA ROZE,
Thanks for reporting this problem! We'll take a look at this problem.
As a workaround, please add those styles to the styles.scss file. It will hide any text which overflows it's a container.
.select-dropdown {
li {
overflow-y: hidden;
}
}
Best Regards,
Damian
Aroquiassamy LA ROZE priority commented 5 years ago
Hi @Damian
The above one has been resolved when I changed the code as it is in below..when the dropwdown is visible ..kindly check it
mdb-select-dropdown > div .options ul li
{ line-height:23px; } mdb-select-dropdown > div .options ul li span.deselect-option{ height: 100% !important; line-height: inherit !important; padding: 0.5rem; }
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: 7.0.0
- Device: Desktop-Lenova
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No