Extra space appear in ion-item after changing language

Hello Ionic community,

I hope you all doing great, So I’m working on simple UI design which is basically a form made using ion-item, ion-label, ion-icon and ion-input. The problem is when I change language from English to Urdu then additional space appear on top of the text.

I’m using ion-label with position=“floating”. I believe that position floating is causing this issue but i need to know how can I fix this CSS problem by not changing position of ion-label.

<ion-label position="floating">

Reference Images

Screenshot 2021-09-06 at 12.47.07 PM1920×913 172 KB

Form in English

Form in Urdu

Screenshot 2021-09-06 at 12.46.30 PM470×536 11.6 KB

1 post - 1 participant

Read full topic