Ionic-framework: Bad z-index between Alerts and menu

Created on 22 Jun 2016  ·  3Comments  ·  Source: ionic-team/ionic-framework

Short description of the problem:

When an alert is triggered, and the side menu is open, the alert shows behind the side menu.

What behavior are you expecting?

When i trigger the alert with the menu open, the alert will show in front of all (superior z-index)

Steps to reproduce:

  1. Create a side menu when a ion-item
  2. Bind click of the ion-item with an alert
  3. Open side menu and click the ion-item

Please see the plunker and just click in the navbar, will open the side menu,
then click in the item of the side-menu and see how the alert shows behind the menu

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
I think the problem is with the display flex breaking the z-index

Which Ionic Version? 1.x or 2.x
2.0 beta9

Plunker

You can test this here
http://plnkr.co/edit/wgyEsyic58cLs4dbyvRX?p=preview

Most helpful comment

Thanks for reporting the issue! I will look into it tomorrow.

All 3 comments

Thanks for reporting the issue! I will look into it tomorrow.

@SebastianGiro fixed! @adamdbradley refactored the whole overlay system!

screen shot 2016-06-29 at 20 32 06

Nice!

Was this page helpful?
0 / 5 - 0 ratings