Overlapping in dropdown list

How can I  fix dropdown icon overlapped as an image attached and how to put in the display “...” the truncating effect. If it is too long after selected.


Hello Ei,

Please take a look at this post that solves the same problem using css. There is a sample URL provided in the Solution where you can see the final result (as also shown below):



Thanks for the response, but still having the same output. Can you advise me please, Aj?

Hi Ei Yadanar Moe Min,

Which type of application are you developing Traditional web or Reactive web?

for Traditional, you need to add the css for select

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

Hope this helps!



Hi Ellakkiya.S , Now it works! I want to show this truncating effect when it is more than 8 characters. So can you please help for this.

Thanks .

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.