Must click button multiple times using ion-slides

@whereskeem wrote:

I’m using ionic slides and there’s a form on each slide. Sometimes I have to click the submit button multiple times before the click event executes, or at the very least i’ll have to click somewhere in the current browser window for the click event to register.

page with slides HTML

<ion-slides effect="fade">
			<ion-slide>
				<ion-card class="amc-card">
					<ion-card-header>
						<h1 text-wrap>
							{{'global.title' | translate}}
						</h1>
					</ion-card-header>
					<ion-card-content>
						<h2 text-wrap id="verify-title" class="custom-h2">
							{{title}}
						</h2>
						<verify-form [showProgress]="showProgress" (outputSubmitVerifyForm)="verifyForm($event)"></verify-form>
					</ion-card-content>
				</ion-card>
			</ion-slide>
			<ion-slide>
				<ion-card class="amc-card">
					<ion-card-header>
						<h1 text-wrap>
							{{'global.title' | translate}}
						</h1>
					</ion-card-header>
					<ion-card-content>
						<h2 text-wrap id="info-title" class="custom-h2">
							{{title}}
						</h2>
						<enter-info-form [name]="name" (outputSubmit)="enterInfoForm($event)"></enter-info-form>
					</ion-card-content>
				</ion-card>
			</ion-slide>
</ion-slides>

page with slides TS

import { Component, ViewChild, ChangeDetectorRef } from '@angular/core';
import { IonicPage, NavController, NavParams, Content, Events, Slides } from 'ionic-angular';
import {Validators, FormBuilder } from '@angular/forms';
import { TranslateService } from '@ngx-translate/core';

@IonicPage()
@Component({
  selector: 'page-password-reset-initial',
  templateUrl: 'password-reset-initial.html',
})
export class PasswordResetInitialPage {
  @ViewChild(Content) content: Content;
  @ViewChild(Slides) slides: Slides;
  constructor() {
  }

ionViewDidEnter(){
    this.slides.enableKeyboardControl(false);
    this.slides.onlyExternal = true;
  }

enterInfoForm(event) {
}

verifyForm(event) {
}
}

Posts: 1

Participants: 1

Read full topic