ion-select doesn't show full text

Question

ion-selects in my form don't show full text of its ion-option

Can you please post full HTML or div where actually ion-select added ? — CodeChanger, May 08 '18 at 06:30
@Fomare It would be best if you added your code to the question and not as a comment so it is formatted properly. — Stephen Romero, Oct 02 '18 at 17:09

score 8 · Answer 1 · answered Oct 02 '18 at 14:59

8

Try this:

CSS

.myCustomSelect{
    max-width: 100% !important;
   }

HTML

<ion-select class= "myCustomSelect" [(ngModel)]="pedido">
      ....
 </ion-select>

answered Oct 02 '18 at 14:59

Yuli

You are my hero, Thank You :) – Kamlesh Apr 06 '19 at 12:28
could you please suggest me how can i develop my custom theme in ionic 4? I have more than 10 years experience in IT field but newer to ionic. Any help would be highly appreciated. Thanks a lot. – Kamlesh Apr 06 '19 at 12:30

score 2 · Answer 2 · edited Sep 24 '19 at 14:16

2

I too had the same issue , I solved it by putting this in app.scss file:

ion-label{

white-space:normal !important;

}

edited Sep 24 '19 at 14:16

alxlives

answered Sep 24 '19 at 13:14

Marium Kazmi

for ios platform i put this and resolved my problem .alert-radio-label.sc-ion-alert-ios { white-space:normal !important; } – Dinesh Gurjar Mar 05 '20 at 06:28

2 Answers2