Im trying to open a Modal from header but it seems that modal is behind backdrop - really dont know how to fix this i think i tried everything… any ideas or is this a bug?
<ion-header>
<ion-navbar>
<ion-buttons start>
<button (click)="navigateProfile()">
<ion-icon name="contact"></ion-icon>
</button>
</ion-buttons>
<ion-title>
Club Room
</ion-title>
<ion-buttons end>
<button>
<ion-icon name="add" (click)="createGroup()"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content class="clubroom" fullscreen>
typescript file and i can see that console.log is triggering…
createGroup() { console.log('Create group');
let modal2 = this.modalCtrl.create(ModalCreateGroupPage,
{ groupId: 'this.groupId', groupName: 'this.groupName', inputPostMessage: 's' });
console.log('Create group2');
modal2.present();
console.log('Create group3');
}
My system:
Cordova CLI: You have been opted out of telemetry. To change this, run: >cordova telemetry on.
6.3.0
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.0.0-beta.36
Ionic App Lib Version: 2.0.0-beta.19
ios-deploy version: Not installed
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v5.12.0
Xcode version: Xcode 7.3.1 Build version 7D1014
Anyone got ideas how to fix this issue that modal overlay and backdrop problems ionic2?