Multiple overlays of different types shown at once don't work correctly

Short description of the problem:

If I show a toast and after its present completes I show an action sheet or loading, the second view will not work correctly (action sheet buttons will not close it and the loading will not close after its duration completes).

What behavior are you expecting?

That there can be multiple different overlays shown at the same time.

Steps to reproduce:

1. Create and show a Toast
2. Await the toast’s present promise and then present an action sheet or loading

let t = toastCtrl.create({ message: "test", duration: 2000 });
t.present().then(() => {
   let view = actionSheetCtrl.create({ title: "test", buttons: ["Btn 1", "Btn 2"] });
   // or let view = loadingCtrl.create({ content: "text", duration: 1000 });
   view.present();
});

Which Ionic Version? 1.x or 2.x 2.x (beta 11)

Run ionic info from terminal/cmd prompt: (paste output below) Cordova CLI: 6.1.1 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic Framework Version: 2.0.0-beta.11 Ionic CLI Version: 2.0.0-beta.35 Ionic App Lib Version: 2.0.0-beta.19 OS: Node Version: v6.2.0

[jgw96]

Hello all! Happy to confirm that this has been fixed and will be in the beta.12 release!

[ashutoshagg]

@jgw96 We are facing the same issue after upgrading to Beta 11. Can we get any intermediate solution before Beta 12 is rolled out? Thanks