bug(tappable): iOS delay on a button inside of an ion-col

[dylanvdmerwe]

Description of the problem:

There is a 300ms delay on a button on iOS. An ion-button should not experience the 300ms delay. Maybe something is capturing the event and it's bubbling to the button after the delay?

In the button and ion-col I have tried placing the tappable attribute, but on an iOS device there is still a 300ms delay.

Not sure if the problem resides with the slide or grid?

    <ion-slides [options]="slideOptions" #caseStudySlides>
      <ion-slide *ngFor="let page of caseStudyGrid.pages">
        <ion-grid>
          <ion-row center *ngFor="let row of page">
            <ion-col *ngFor="let item of row" class='grid-column'>
              <button no-margin no-padding ion-button no-lines detail-none text-center class="item-button" *ngIf="item.thumbPath" (click)="launchCaseStudy(item.data)">
                    <async-image [src]='item.thumbPath' size="cover" class="item-thumb"></async-image>
                    <div class="label">
                      {{item.label}}
                    </div>
                  </button>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-slide>
    </ion-slides>

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.2
Ionic CLI Version: 2.1.7
Ionic App Lib Version: 2.1.4
Ionic App Scripts Version: 0.0.44
ios-deploy version: 1.9.0
ios-sim version: 5.0.10
OS: macOS Sierra
Node Version: v6.9.1
Xcode version: Xcode 8.1 Build version 8B62

[dylanvdmerwe]

No wkwebview. Testing on iOS 10.

[adamdbradley]

What does the button HTML end up looking like after it's rendered to the DOM?

[dylanvdmerwe]

[dylanvdmerwe]