Side menu randomly not working on Touch for iOS


#1

So for some reason that I’m not sure of, my side menu has stopped working on iOS but works perfectly on android and ionic view. Actually i can get it to work on one of my iPads mini v9.2.1 but on my iPhone 6s v9.2.1 and iPad v9.2.1 it doesn’t seem to respond when tapping on the hamburger. It works fine in ionic serve but in the iOS simulator it does not. Between versions I didn’t even update any code with the menu and now has randomly stopped functioning. I’ve read some other user posts but they don’t seem to relate to the issue in having.

It’s an ionic v1 project. I’m not sure if I need to migrate to v2 which I’m not keen to do at this stage.

If anyone has any suggestions to help me I would appreciate it as I’m stuck. Thanks.


#2

Could you try to recreate this in a small demo? It’s a bit hard to figure out what could be causing the issue :smile:


#3

Hi. I will try my best. I have attached a couple pics to start. one from the iphone and one from the ipad both showing the issue.

You can see from the iphone shot menu appears and on ipad it does not appear. I have spent some time trying to work it out and at first it seemed like it came down to xcode and i didnt have the orientation boxes tickets so when i ticked them all it seemed to fix the problem but then after this it seemed to be more random. I would then install the app via testflight and it would fault but then half the time i could uninstall the app and re-install again and the menu would work. At this stage it will run on iphone fine but on ipad mini or ipad it just comes up with that header bar and thats all.

When i view it with ionic serve it all works fine. I feel like its just one small easy thing is causing the problem or ive just overlooked something silly. i will repost the code to show you where its currently at.

I appreciate your help. Thanks



#4

home.html

<!DOCTYPE html>
<html>
<ion-view title="Welcome to Beerfest Australia">

    <ion-content overflow-scroll="false" padding="true" style="background: url(img/42KOmHXzS0WM82ruaFNC_10929201_773033366157692_171336224778503224_n.jpg) no-repeat top;" scroll="false" class="has-header" height="auto" width="100%">
        <div style="text-align:top;">
            <!-- <img src="" width="100%" height="auto"> -->
        </div>
        <!-- <form class="list"></form> -->
        <!-- <a href="#/side-menu21/tickets" class="button button-energized button-block button-large icon-right ion-beer">GET TICKETS NOW</a> -->
        <!-- <ion-list></ion-list> -->
    </ion-content>
</ion-view>
</html>

menu.html

<ion-side-menus enable-menu-with-back-views="false">
    <ion-side-menu-content edge-drag-threshold="true" drag-content="true">
        <ion-nav-bar class="bar-energized">
            <!-- <ion-nav-back-button></ion-nav-back-button> -->
            <ion-nav-buttons side="left">
                <button menu-toggle="left" class="button button-icon button-clear ion-navicon"></button>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-nav-view name="side-menu21"></ion-nav-view>
    </ion-side-menu-content>
    <ion-side-menu side="left" expose-aside-when="large">
        <ion-header-bar class="bar-calm">
            <div class="title"><i class="icon ion-android-apps"></i> Menu</div>
        </ion-header-bar>
        <ion-content padding="false" class="side-menu-left has-header">
            <ion-list>
                <ion-item href="#/side-menu21/home" menu-close=""><i class="icon ion-ios-home-outline"></i> Home</ion-item>
                <ion-item href="#/side-menu21/fremantle" menu-close=""><i class="icon ion-beer"></i> Fremantle</ion-item>
                <ion-item href="#/side-menu21/esk" menu-close=""><i class="icon ion-beer"></i> Esk</ion-item>
                <ion-item href="#/side-menu21/melbourne" menu-close=""><i class="icon ion-beer"></i> Melbourne</ion-item>
                <!-- <ion-item href="#/side-menu21/mynotes" menu-close="">My Notes</ion-item> -->
                <ion-item href="#/side-menu21/photos" menu-close=""><i class="icon ion-ios-eye-outline"></i> Photos</ion-item>
                <ion-item href="#/side-menu21/extrainfo" menu-close=""><i class="icon ion-ios-help-outline"></i> Extra Info</ion-item>
                <ion-item href="#/side-menu21/contact" menu-close=""><i class="icon ion-ios-email-outline"></i> Contact</ion-item>
            </ion-list>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>

#5

Hi Duncanunderwood,

i am also face in same issues when i am try to click in slide menu item it’s not changing view in ios,but its working fine in android.Any suggestions to fix these issues.


#6

Hi…i wasnt able to fix the issue. No one was able to help. The problem was just to random so i had to leave it and move on.


#7

Hey Duncan, its now January and Im facing the exact same issue. Have you figured out anything ?


#8

I’m having the same issue with ionic 2.2.1 on iOS. It seems to appear randomly, I do not know how to reproduce it.


#9

I am getting the following errors in the XCode output:

-[WebActionDisablingCALayerDelegate willBeRemoved]: unrecognized selector sent to instance 0x1453ca10
*** WebKit discarded an uncaught exception in the webView:willRemoveScrollingLayer:withContentsLayer:forNode: delegate: <NSInvalidArgumentException>
-[WebActionDisablingCALayerDelegate willBeRemoved]: unrecognized selector sent to instance 0x1453ca10

After some search, I found the following discussions mentioning a similar error and resulting behaviour:

https://community.oracle.com/thread/3953067
https://community.oracle.com/thread/3903791
https://forums.developer.apple.com/thread/66165

Is this of any help to you, @mhartington?


#10

I also just started getting this issue. Did you guys ever resolve this?