Angular Select

Topic: Angular Select

Aroquiassamy LA ROZE pro premium asked 2 years ago

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 Select that overlap the drop-icon.

I Want to add a "..." if it exceeds more than 10-character or 2 words like this i want to customise or just want to stop before the drop-icon kindly upgrade or give me a solution to resolve this issue.

Damian Gemza staff answered 2 years ago

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,


Aroquiassamy LA ROZE pro premium commented 2 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; }

Aroquiassamy LA ROZE pro premium answered 2 years ago

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;

Damian Gemza staff answered 2 years ago

Dear Aroquiassamy,

I have resolved this problem yesterday. It will be included in the next version of MDB Angular.

Best Regards,


Please insert min. 20 characters.