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.