question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[RC2] <ion-menu type="overlay"> frequently closes by itself

See original GitHub issue

Short description of the problem:

I have an <ion-menu> in app.html that, when opened, frequently closes by itself almost instantly (note: it doesn’t happen all the time, but at the very least about ~50% of the time). This was previously working as expected before the RC2 update.

What behavior are you expecting?

I’m expecting my side menu to close only when I tap on one of the links in the side menu, or when clicking on the background overlay.

Steps to reproduce:

  1. Create an <ion-menu> overlay in an app.html file
  2. Have a button that toggles the ion menu open.
  3. Watch it close by itself sometimes?

This is my app.html:

<ion-menu [content]="content" type="overlay" class="sidebar">
  <ion-content class="sidebar-content">
    <img class="sidebar-logo" src="assets/img/general/white-logo.svg">
    <ion-list class="sidebar-list">
      <button ion-item menuClose *ngFor="let link of links" (click)="goToPage(link.pageObj)" class="sidebar-item">
        {{ link.title }}
      </button>
      <button ion-item menuClose (click)="logout()" class="sidebar-item">
        Log Out
      </button>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

This is my dashboard.html page that contains the menu icon that opens the Menu:

<ion-header class="header">
  <ion-navbar hideBackButton="true">
    <ion-title>{{ pageTitle }}</ion-title>
    <button ion-button icon-only menuToggle right>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

This seems to have happened with one of the code changes after RC1 was released, because this was working when I was on RC1.

Let me know if there’s anything else I can share that may help with this issue! It might sound weird but I didn’t make any coding changes for this to happen…

Which Ionic Version?

2.0.0-rc.2

Run ionic info from terminal/cmd prompt:

Cordova CLI: 6.1.1 Gulp version: CLI version 3.9.1 Gulp local:
Ionic Framework Version: 2.0.0-rc.2 Ionic CLI Version: 2.1.0 Ionic App Lib Version: 2.1.0-beta.1 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v6.3.1 Xcode version: Xcode 7.3.1 Build version 7D1014

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:21 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
tinnocentecommented, Nov 12, 2016

same issue here, thanks for reporting it so I didn’t have to 👍

0reactions
lincolnthreecommented, Dec 4, 2016

Actually yes. I am seeing the same behavior. It takes several seconds before the menu will close via clicking outside. Menu toggle buttons work fine.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[RC2] <ion-menu type="overlay"> frequently closes by itself
I have an <ion-menu> in app.html that, when opened, frequently closes by itself almost instantly (note: it doesn't happen all the time, but...
Read more >
ion-menu: API Framework Docs for Types of Menu Components
Read our framework docs for the available menu types on Ionic API. ... component can be used to create custom button that can...
Read more >
I Finally Understand Ionic Menu Types - WalkingRiver.com
With reveal , the menu content itself is stationary, and appears to be uncovered (or revealed) as the main contents slides out of...
Read more >
Bug listing with status RESOLVED with resolution FIXED as at ...
Bug:2 - "How do I attach an ebuild." status:RESOLVED resolution:FIXED severity:normal · Bug:3 - "poedit-1.1.5.ebuild" status:RESOLVED resolution:FIXED ...
Read more >
VMD User's Guide
The VMD User's Guide describes how to run and use the molecular visualization and analysis program VMD. This guide documents the user ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found