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


#1

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.

menu.html
<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


#2

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.


#3

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


#4

Just happened here!
Anyone know how to solve this?


#5

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.

<ion-item-group>
        <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>
          {{page.title}}
        </button>
      </ion-item-group>

#6

Thx for the feedback.