Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic V4 iOS ion-input focus

See original GitHub issue

Bug Report

Ionic:

   ionic (Ionic CLI)          : 4.1.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.7
   @angular-devkit/core       : 0.8.1
   @angular-devkit/schematics : 0.8.1
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.8
   @ionic/schematics-angular  : 1.0.6

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.4, (and 4 other plugins)

System:

   NodeJS : v9.8.0 (/usr/local/bin/node)
   npm    : 6.2.0
   OS     : macOS High Sierra
   Xcode  : Xcode 9.4.1 Build version 9F2000

I created an Ionic 4 / Angular 6 application with a default login screen. I use the ionic component ‘ion-input’ as input fields. On iOS it displays a complete different input field for a split second, see screenshot. Does anyone know a solution to this problem?

Issue Analytics

State:
Created 5 years ago
Reactions:18
Comments:16 (2 by maintainers)

Top GitHub Comments

7reactions

szymonograbekcommented, Oct 17, 2018

In app.module.ts

IonicModule.forRoot({
      scrollAssist: false
    }),

Helped me

0reactions

ionitron-bot[bot]commented, Jan 13, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Top Results From Across the Web

ion-input: Custom Input Value Type Styling and CSS Properties

ion -input is a wrapper to the HTML input element, with custom value type styling and functionality. It works on desktops and integrates...

[v4 iOS] Using ion-inputs "clearInput" button loses input focus

Bug Report Ionic version: [x] 4.x Current behavior: An ion-input element with its clear button enabled (clearInput ) will lose its input ...

Ionic v4 - how do I autofocus on a Input? - Stack Overflow

How can I auto focus on this input? What have I tried. @ViewChild('codigobarras') input_codigobarras: Input; ... ionViewDidEnter() { this.

Announcing Ionic 6 - Ionic Blog

Ionic 6 has fewer breaking changes than both the previous Ionic 4 and Ionic 5 ... <ion-item> <ion-label>Email</ion-label> <ion-input ...

Ionic v4 – how to autofocus on a Input - iTecNote

How can I auto focus on this input? What have I tried. @ViewChild('codigobarras') input_codigobarras: Input; ... ionViewDidEnter() { this.input_codigobarras.