Issue using in a Bootstrap modal dialog about jquery-loading

[CarlosBonetti]

Thanks for the feedback, @mikestu.

About the z-index: the z-index issue for this plugin is pretty complicated. Currently, the value is 10 for the full-page loader and 9 to the others. This is to avoid other loaders in the page be in the top of the full-page loader. But I really don't like these magic numbers.

In your particular case you do want the loader to be in the top of the bootstrap dialog, but what if another person don't? I can think in some scenarios that would be interesting to have the loader between the page and the dialog, for example, that's why I can't just assign a gigantic value to it.

One possible fix I could implement to make the z-index assignment better would be also detecting the z-index of the target and apply this value +1. Doing that would always guarantee the overlay to be in the top of the target and I think it would solve your problem, wouldn't it? What do you think?

About the rounded corners: I agree, the detector would be interesting. And this also gave me the idea to the z-index detection, thanks!

[mikestu]

Thanks for the response! Yes, I do like your idea on using the target like that for the z-index as well. I'll keep an eye out to see if you get a chance to add those in. If I end up having time to help, I may take a stab at it.

[CarlosBonetti]

The z-index is now set to the target z-index +1.

The rounded corners can be achieved by providing a custom overlay or a custom theme to the plugin.