Text disappears in input while using ios keyboard

Ionic Framework ionic-v3
1

Hello,

I am having issue specific to ios platform, in iphone suppose its login screen, and i am typing my email in textbox.
while typing, characters are invisible. it will show what i typed after some seconds.

Its not specific to any input[type] its happening in all fields.

Ionic info output:


cli packages: 
    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.3.0
    Ionic Framework    : ionic-angular 3.6.0

System:

    Node : v8.9.3
    npm  : 5.5.1
    OS   : Windows 7

Environment Variables:

    ANDROID_HOME : not set

Misc:

Screenshot:

ios keyboard
ios keyboard.jpg576×1024 59.2 KB

2

Not the solution but, does it happens in Safari too when you debug (ionic serve)?
If yes, try to inspect the css code of the elements…

3

Nope, not a issue when running in the safari browser, only issue when running on device or simulator

4

Oh freak no luck, it’s then more difficult to debug.

Maybe try to deconstruct your css. Remove all custom css of the view, try to see if you could reproduce the problem, if not, add the css brick per brick … I think I would try that

But I hope someone has got a better idea…

5

Maybe you will find an idea how to debug this iOS css problem with the help of this tutorial of @joshuamorony

6

Yes, it was css issue,
Thanks

1 Like
7

I am also having the same issue. But having a hard time pin point the issue on my css

8

Hello @thulzmtetwa

First take backup of your project then,
You need to remove all your controllers, texts, buttons,styles from that view, and then add them brick by brick

everytime make build of it and check it, by this way you will get your solution.

for me it was css of h3 tag.

that was hiding text in input.

Hope this way help you.

9

Thanks @chiragebiztrait . Helped me out a lot.

10

Possibly related to Ion-input shows only the first entered character on iOS