Form (submit) not working on android

Ionic Framework ionic-v3
1

Hello all, I have a really simple form and the submit is not working on android platform keyboard. (works with serve and ios)

 <form (submit)="addEntry()">
      <ion-item no-lines no-margin>
        <ion-label color="primary">some num</ion-label>
        <ion-input #hoursInput type="number" name="num" [(ngModel)]="theNum" required></ion-input>
      </ion-item>
      <ion-item no-border no-margin no-padding>

              <button ion-button icon-only right type="submit">
                <ion-icon name="add"></ion-icon>
              </button>
      </ion-item>
    </form>
2

Sorry I should have included this-

/Users/pbrack/dev/ionic2/oregon_min_wage_helper:ionic info

Your system information:

Cordova CLI: 6.3.1
Gulp version: CLI version 3.9.1
Gulp local:
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
ios-deploy version: 1.9.0
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v5.12.0
Xcode version: Xcode 8.0 Build version 8A218a

/Users/pbrack/dev/ionic2/oregon_min_wage_helper:

3

Should I create a ticket with ionic?

4

Use (ngSubmit) instead of (submit) Forms - just can find a working example

1 Like
5

Thanks for the review.
Adding the ngSubmit to create

  <form (ngSubmit)="addEntry()">
    <ion-item no-lines no-margin>
      <ion-label color="primary">some num</ion-label>
      <ion-input #hoursInput type="number" name="num" [(ngModel)]="theNum" required></ion-input>
    </ion-item>
    <ion-item no-border no-margin no-padding>

      <button ion-button icon-only right type="submit">
        <ion-icon name="add"></ion-icon>
      </button>
    </ion-item>
  </form>

Does not fix the issue where I want to get the “GO” key on android to work. see image.

image
IMG_4884.JPG1958Ă—2611 1.9 MB

6

Any update on this? I am facing the same issue as well.

7

I believe this issue occurs on a very small subset of Android devices, and I can’t figure out why or when. My app (TopDecekd MTG) periodically receives feedback that someone was unable to log in because the form was broken… I can’t figure out why… but this only occurs on Android, and only when running in Cordova via the native companion app…

Any help would be greatly appreciated.

8

Symptoms here are that all form validation appears to be broken. (No valid input is possible). Additionally, it seems that some of the native integrations like Facebook Authentication break as well.

9

Sorry to bring this topic back from the dead, but I too am having the same problem.

      <form (ngSubmit)="onSubmitSearch($event)">
        <ion-searchbar pattern="\d+" name="displayNumber" [(ngModel)]="displayNumber" placeholder="{{ 'SEARCH_PLACEHOLDER' | translate }}"
          type="number">
        </ion-searchbar>
      </form>

I’m having no issues on iOS or desktop. Just Android (Samsung S6 - 7.0).

10

Upon further trial and error, removing the type and pattern seems to make the submit button work on the android keyboard.

If anyone knows how to allow the type and pattern to still be usable, please do advise.

11

I have the same issue across multiple Android devices. I am using Reactive form validation on my email and password. Ionic 4.

Any solutions?