ionic-team / ionic-v3

The repo for Ionic 3.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
Other
128 stars 85 forks source link

bug: ion-input not working #1060

Open ionitron-bot[bot] opened 4 years ago

ionitron-bot[bot] commented 4 years ago

Original issue by @utpaul on 2019-09-16T11:56:36Z

Short description of the problem:

My Ionic app works perfectly when testing in browser through ionic cordova run browser, works perfectly when testing on device through ionic cordova run android --device or ionic cordova run android installed apps text inputs simply don't work. Its give same feedback on sign apk.

Other inputs like and are working fine, but inputs don't. The keyboard doesn't appear. I tap, tap, and nothing happens.

<form [formGroup]="loginForm" (ngSubmit)="loginAction(loginForm.value)" >
    <ion-grid>

      <ion-row text-center class="custom-title">
        <ion-col class="custom-font" no-padding>
          MOBILE
        </ion-col>
      </ion-row>

      <ion-row class="custom-margin">
        <ion-col col-3></ion-col>
        <ion-col col-6 text-center no-padding>
          <img [src]="profilePicture"/>
        </ion-col>
        <ion-col col-3></ion-col>
      </ion-row>

      <ion-row >
        <ion-col col-12 col-sm>
          <ion-item>
            <ion-icon name="ios-person-outline" item-left ></ion-icon>
            <ion-input placeholder="Enter username"
                       formControlName="username"
                       type="text">
            </ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-12 col-xs>
          <button ion-button block
                  color="customColor"
                  class="submit-btn custom-font" full
                  [disabled]="!loginForm.valid"
                  type="submit">
            SIGN IN
          </button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </form>

Ionic Information

Ionic:

   Ionic CLI          : 5.2.4 (C:\Users\DEV-2\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.5
   @ionic/app-scripts : 3.2.2

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 4 other plugins)

Utility:

   cordova-res : 0.6.0
   native-run  : 0.2.6

System:

   Android SDK Tools : 26.1.1 (E:\SDK)
   NodeJS            : v11.6.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.10.3
   OS                : Windows 10
StefanRein commented 4 years ago

Can you provide a full example on a GitHub repository? We have similar code in our projects and it works.

Also which Android Versions did you test? Did you test on an iOS Device? iPad OS?