angular-block-ui icon indicating copy to clipboard operation
angular-block-ui copied to clipboard

Not showing over ngDialog.

Open sranjan-m opened this issue 9 years ago • 3 comments
trafficstars

I'm using the plugin only for http requests. The plugin works fine on normal views, but when the view is in ngDialog popup the block ui pops behind the ngDialog. Is there any work around for this issue?

sranjan-m avatar Aug 08 '16 09:08 sranjan-m

+1

neerajkumaragarwal1990 avatar Sep 01 '16 10:09 neerajkumaragarwal1990

It's been a long time since the issue was posted, but til now no fix and no work around.

sranjan-m avatar Sep 01 '16 15:09 sranjan-m

The most easy fix would be to add a few CSS lines to your own stylesheet:

        .block-ui-container {
            z-index: 99998;
        }

        .block-ui-message-container {
            z-index: 99999;
        }

The default values of the uiBlock containers are 10000 (background) and 10001 (message), just see those values are higher than any other element used on the page and it will work. For example: kendo modal dialogs have z-indexes between 10000 and 10003 (or a few numbers higher, not sure by heart), so the default uiBlock containers will be behind those containers because of a lower z-index.

chironh avatar Sep 14 '16 09:09 chironh