$ionicLoading is not showing the backdrop

[doorman02]

$ionicLoading is not showing the backdrop, is this correct syntax?

this.loadingView = this.$ionicLoading.show({
template: 'i class="<icon ion-loading-d" style="font-size: 32px"></i>',
animation: 'fade-in',
noBackdrop: false
});

Thanks!

[Glogo]

I suppose your syntax should look something like:

this.loadingView = this.$ionicLoading.show({
template: '<i class="icon ion-loading-d" style="font-size: 32px"></i>',
animation: 'fade-in',
noBackdrop: false
});

[doorman02]

It's still not working, do you know if there is an example using the latest beta release with backdrop?
Thanks!

[ajoslin]

Hey @doorman02, that looks right.

There is not an example yet, but we are working hard on a big demos site with everything in it, for both testing and examples.

[ajoslin]

Here's a codepen: http://codepen.io/ionic/pen/3b2cf91e3c8256cc791c31e6da0f6d86/

[doorman02]

Hi @ajoslin thanks for the link. I just realized that the backdrop problem only occurs when using a modal window. The backdrop is displayed behind the modal window but not above it as it used to be. Here is a codepen http://codepen.io/anon/pen/AmqLj

[mlynch]

@ajoslin Any thoughts on whether it would break anything to move .backdrop up a z-index level to 11? Right now it's the same as the modal and modal backdrop.

[ajoslin]

@mlynch We'd then have to move loading an popup up to 12, right?

Sounds reasonable to me.

[mlynch]

Yea, there are some tweaks we'd have to make. I'm going to look into it.

[mlynch]

Also bfce8e2

[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.