Cannot swipe to show side menu in some views

Swipe to toggle side menu is not possible with some components.
For example, I have a simple view showing an iframe by this way:


  <ion-navbar hideBackButton>
    <button ion-button menuToggle>
      <ion-icon name='menu'></ion-icon>

  <iframe src="" width="100%" height="100%" frameborder="0"></iframe>


import { Component } from '@angular/core';

  templateUrl: 'agenda.html'
export class AgendaPage {

  constructor() { }


When I swipe to toggle side menu, all I get is that the webpage (showed by the iframe) moves to the right.

Another example: I have a view showing a map natively.

When I swipe to toggle side menu, all I get is that the map moves, since the map steals any touch events.

I’d like to configure left side area of my app for showing side menu when I swipe on there.

Thanks in advance.

Did you solve this, I am also into similar situation, touch events not detecting over popover or alerts, please somebody help

Try with this solution:

It seems not being an ionic problem itself, instead, it must be a css problem.
Otherwise, try modifying the “z-index” parameter of your popover or alerts.

Let me know if you can solve your problem.


I solved it by toggling map.setClickable;

whenever i want to disable map touch event
I will toggle set it to true for enabling map touch

Hope it helps someone