Cursor not displayed in ion-input on focus


#1

I have a page that is using ion-input for email and password inputs. When I click on the input, the floating label moves up, but the text cursor is not displayed. If I click on the input again or if I start typing, then the text cursor displays.

Any ideas?

{{ ‘Email’ }}
<ion-input type=“email” resource-id=“userName” name=“username” [formControl]=“username” spellcheck=“false” autocomplete=“off” autocapitalize=“off” required >


#2

Also got this bug, very wired.


#3

@sudotamm I figured out what was causing the issue for me at least. It seems that when a user clicks an input and the keyboard slides in and moves the page up, that’s where the issue was coming from. If the input is high enough on the page that the keyboard didn’t move the page then the bug doesn’t happen.

I was able to get around this by using Keyboard.disableScroll from ionic-plugin-keyboard which I already has installed. This allows the keyboard to slide up without moving the page. That plugin is deprecated now, so I suggest trying to use cordova-plugin-ionic-keyboard instead.

Hope this helps!


#4

Great. Thanks a lot.:grin: