RC - Loading depth seems to be misplaced

[ErkoKnoll]

When invoking loading overlay to be shown inside a sub-page it does not appear on top of the sub-page but instead it appear on top of the root page. Seems like the z-index is messed up somewhere.

Code
let loading = this._loadingController.create({ content: "Message..." }); loading.present()

[ErkoKnoll]

I also discovered that it only happens when this sub-page is pushed in from the pop over.

[ErkoKnoll]

I found a workaround which is to use navController reference acquired in root page rather than in pop over page when pushing in a sub page from pop over page. This issue is also related to #8477.

[jgw96]

Hello, thanks for opening an issue with us! Could you post a repo that I can use to reproduce this issue? Thanks!

[msalcala11]

@jgw96 here's a repo you can use to reproduce the issue: https://github.com/msalcala11/loading-bug

[n00b42]

The same issue appears when opening a Modal from within a Modal and then opening a Loading.
First Modal has z-index 9999 by default I think, second one gets 10000 (+1) which is fine, but the Loading will get a "z-index" of 9999 and therefore will be hidden by the second modal.

[ionitron-bot]

Thanks for the issue! This issue is being closed due to inactivity. 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.

Thank you for using Ionic!