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


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?


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.

hey, try adding this to your scss file

.select {
max-width: fit-content;