Ion-menu Need to click twice on the iOS can trigger events

I met a problem. I used the ion-menu in the app . In the browser, android is normal. Need to click twice on the iOS can trigger events.

PS: if I slip out from the edges of the menu, there won’t be the case. When I am through
<button menuToggle><ion-icon name='menu'></ion-icon></button> trigger, can appear the problem.

<ion-menu type="push" [content]="content"> <ion-list > <ion-item *ngFor="let page of menuObj.pages;let i = index" > <div (click)="openPage(i)"> {{page.title}} <ion-badge *ngIf='page.title=="msg"' item-right danger>{{menuObj.user?.count}}</ion-badge> </div> </ion-item> </ion-list> </ion-menu> <ion-nav id="nav" #content [root]="rootPage" ></ion-nav>

Your system information:

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.7
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: 1.8.2
ios-sim version: 5.0.3
OS: Mac OS X El Capitan
Node Version: v4.2.1
Xcode version: Xcode 8.0 Build version 8S128d

are you testing with ionic serve --lab ?

i mentioned a view bugs while using multiple ionic apps on the same browser window. like modals and alerts did not work after a while and so on.

At the end --> try to build the app or test it via ionic view on your device to be sure.

Can confirm this issue on a real device. Has there been any progress on a fix for this? Best!

Just happened here!
Anyone know how to solve this?

Formatting the menu items like this should fix the issue. For some reason you need to make it a button tag. Then have the ion-item tag inside it. Works for me.

        <button ion-item class="list-item" style="background-color: darkgray;"  menuClose (click)="openPage(page)" *ngFor="let page of pages">
          <ion-icon item-left name="{{page.icon}}" [ngStyle]="{'color':page.color}"></ion-icon>

Thx for the feedback.