angular-busy not fading the backdrop for some of the input fields in html page while promise is running about angular-busy

[cgross]

Can you create a plnkr or similar that demonstrates the issue.

[MeghaY]

Here is the plunkr link...
http://embed.plnkr.co/QFoSmxvp2U8CG6HgknaN/preview

You can type anything in those two text boxes. You will see as the promise chain is running everything fades away except the url text box. Here I have use alert box to end the chain. I researched a bit more and found that the 'input-group' class that I am using to add an 'https://' input-group-addon to the text box for formatting provided by bootstrap is not allowing that particular text box to fade. When I removed that input-group class, it worked fine.

<div class="input-group">
                <span class="input-group-addon">https://</span>
                <input class="form-control" type="text" name="vurl" id="vurl"  ng-  model="vurl"/>
</div>

Wondering how can I make this angular-busy work with this particular bootstrap class

[cgross]

It looks like there's a z-index issue. For now, add a style like this to your app:

.cg-busy {
z-index:10000;
}

I'll fix this in a later release.

[MeghaY]

Thanks for responding to my message and helping me out. Sure will add this to my css and will wait for your update :)

[pulkitsinghal]

Thanks @MeghaY and @cgross, I iterated on ur previous plnkr and yes the workaround is nice!
http://embed.plnkr.co/Z9h7rCuZboqUFy53TD6y/preview

[cgross]

Fixed in v4.1