Button click in sidemenu not working for menu types other than overlay


#1

Hi there,

i have the following app layout:

<ion-menu [content]="rootNav" id="mainmenu">
    <ion-header>
        <ion-toolbar>
            <ion-title>TITLE</ion-title>
        </ion-toolbar>
    </ion-header>
    <ion-content>
        <ion-list>
            <button ion-item (click)="action()">
                <ion-icon item-left name="cube"></ion-icon>
                Do something..
            </button>
        </ion-list>
    </ion-content>
</ion-menu>

<ion-split-pane when="lg">
    <ion-nav main #rootNav [root]="rootPage"></ion-nav>
</ion-split-pane>

This is working fine on Android, but on iOS the button inside the menu is not clickable and the action doesn’t get called. I found that if i change the menu type to “overlay” the click is working again.
I tested also setting menu type to “push” and “reveal” on Android, and the same problem with menu buttons not clickable occurs.
So this seems to be a bug in sidemenu “reveal” and “push” type.

Does anyone else has this problem or any hint on how to solve this? (would be nice not to be forced to switch to overlay type, as this is not the default ios look and feel…)

thanks in advance…

ionic info:

cli packages: (C:\Users\hannes\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.2
    Cordova Platforms  : android 6.4.0
    Ionic Framework    : ionic-angular 3.8.0

System:

    Android SDK Tools : 26.1.1
    Node              : v6.11.1
    npm               : 5.5.1
    OS                : Windows 10

Environment Variables:

    ANDROID_HOME : C:\Android\android-sdk

Misc:

    backend : pro