Ng-submit form not working when ion-select is present

Ionic Framework ionic-v3
7

Actually that did work, still waking up this morning and forgot to have the cursor in the text input before pressing enter.

However, I had to remove the “(Click)” from the button, as pressing that would submit the click on the button, and the form submission for the form. This resulted in the method being called twice. FYI for anyone else referencing this.

Thanks for the help rapropos!

Here is the updated html:

<ion-header>
  <ion-toolbar>
    <ion-title>test</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <form (ngSubmit)="testClick()">

  <ion-item>
      <ion-label>New Status</ion-label>
      <ion-select [(ngModel)]="statusSelection" name="statusOptions">
        <ion-option >test1</ion-option>
        <ion-option >test2</ion-option>
      </ion-select>
    </ion-item>

  
    <ion-item>
      <ion-label>Memo</ion-label>
      <ion-input [(ngModel)]="person" name="person"></ion-input>
    </ion-item>

    <button ion-button type="submit" style="float: right;">Click</button>

</form>

</ion-content>