[RC0] Regression: Presenting Alert or ActionSheet destroys Modal

[alex-pl]

Creating and presenting an Alert or ActionSheet inside of a Modal destroys the modal. The modals callback isn't called and the hide animation isn't played either. The alert or action sheet is not displayed.

Version: Ionic 2 rc0

Test Case

Modal

modal.ts

import { Component } from '@angular/core';
import { AlertController } from 'ionic-angular';

@Component({
    templateUrl: 'modal.html'
})
export class Modal {

    constructor(private alertController: AlertController) { }

    public ionViewDidEnter() {
        let alert = this.alertController.create({
            title: 'Test',
            buttons: [
                {
                    text: 'Something',
                    role: 'cancel'
                }
            ]
        });
        alert.present();
    }

}

modal.html

<ion-content>Hello :)</ion-content>

Page

page.ts

import { Component } from '@angular/core';
import { ModalController } from 'ionic-angular';
import { Modal } from '../modal';

@Component({
    templateUrl: 'page.html'
})
export class Page {

    constructor(private modalController: ModalController) { }

    open() {
        let modal = this.modalController.create(Modal);

        modal.onDidDismiss(() => {
            console.log('callback');
        });

        modal.present();
    }

}

page.html

<ion-header>
    <ion-navbar>
        <ion-title>Test</ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <button ion-button (click)="open()">Show Modal</button>
</ion-content>

[manucorporat]

@alex-pl I can not reproduce this bug with the provided source code.
can you create a repo that reproduces the issue?

[alex-pl]

Sorry for the delay, I've created a repository now:
https://github.com/alex-pl/ionic-modal-alert-issue

The test case is based on the tutorial template:

ionic start ionic-modal-alert-issue tutorial --v2

I've committed every step and added a short readme to make it as clear as possible.
Thanks for looking into it!

[manucorporat]

ok, this was already fixed in RC1!

[alex-pl]

Awesome, thanks! 👍

[erperejildo]

guys I'm using Ionic 3 and I still having this issue. Do I need to change any configuration?

options() {
    const actionSheet = this.actionSheetCtrl.create({
      title: 'Recipe',
      buttons: [
        {
          text: 'Edit',
          handler: () => {
          }
        },
        {
          text: 'Delete',
          role: 'destructive',
          handler: () => {
            const alert = this.alertCtrl.create({
              title: "Are you sure?",
              message: "You will clean your shopping list",
              buttons: [
                {
                  text: "Yes",
                  handler: () => {
                    console.log('yes')
                  }
                },
                {
                  text: "No",
                  role: "cancel",
                  handler: () => {
                    console.log('no');
                  }
                }
              ]
            });
            alert.present();
          }
        },
        {
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
            console.log('Cancel clicked');
          }
        }
      ]
    });
    actionSheet.present();
  }

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.