How to make select-text of ion-select not abbreviated


#1

Hello,

i am using the ion-select to display some city-names.
however in the default version the “select-text” gets abbreviated:
Dar “Es Salaam” is displayed as “Dar es S…” even though there is ample space left of the text.

Is there a default property to change this width?

thanks!


#2

I would suggest you drill down into the CSS for the and see how it’s width is being set and it’s overflow setting.


#3

hey, try adding this to your scss file

.select {
max-width: fit-content;
}