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:

agenda.html:

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

<ion-content>
  <iframe src="https://aplicaciones.uc3m.es/publicacion/agenda/?layout=N" width="100%" height="100%" frameborder="0"></iframe>
</ion-content>

agenda.ts:

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

@Component({
  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:
https://github.com/driftyco/ionic/issues/1151

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.

Regards.

I solved it by toggling map.setClickable

this.map.setClickable(false);

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

Hope it helps someone