Ion-Select fires other controls after selected

I’m having troubles when using ion-select. I have about five different ion-select in the same form, and all of them are wrapped into a ion-item tag. When I click one select it shows the option in a right way, but when I click the OK Button to choose it fires another select options list.

All of the ion-select are wrapped like this:

<ion-item>
            <ion-label>Gender</ion-label>
            <ion-select name="gender" placeholder="Select" formControlName="gender">
                <ion-select-option value="male">male</ion-select-option>
                <ion-select-option value="female">female</ion-select-option>
            </ion-select>
        </ion-item>

Do you know how to prevent auto-firing for the other selects?

1 post - 1 participant

Read full topic