angular2-busy icon indicating copy to clipboard operation
angular2-busy copied to clipboard

Backdrop disable the entire screen instead of just the div

Open DavidOs55 opened this issue 8 years ago • 7 comments

Hi, The backdrop and the indicator are displaying on the entire screen instead of the just the div that include the [ngBusy] property. The div display a table and I want that the indicator apply just on this table - like the demo . But the backdrop and the indicator are displaying on the entire screen. The div:

image

Thanks, David

DavidOs55 avatar Mar 22 '17 11:03 DavidOs55

Here is the div for the table : ![image](https://cloud.githubusercontent.com/assets/20335174/24200474/d9754478-0f15-11e7-947c-7fb396d55952.png)

DavidOs55 avatar Mar 22 '17 13:03 DavidOs55

Hi! I'm also facing this issue. I'd like to block just part of my screen and not it entirely. How can I achieve that?

Thanks, Gustavo.

gustavofrancoporto avatar Mar 30 '17 16:03 gustavofrancoporto

Hi, @DavidOs55 , @gustavofrancoporto , have you tried this? https://github.com/devyumao/angular2-busy#the-indicators-position-is-not-inside-the-ngbusy-container

devyumao avatar Apr 05 '17 11:04 devyumao

Hi @devyumao. Yes I tried this but it didn`t work.

gustavofrancoporto avatar Apr 21 '17 15:04 gustavofrancoporto

I am having same issue, and found following:

Following working (i.e. adding style to parent div tag work):

<div style="position: relative; left: 10px; top: 10px;"> <div [ngBusy]="busy"> .... </div> </div>

Following not working:

<div [ngBusy]="busy" style="position: relative; left: 10px; top: 10px;"> -- </div>

Sanjay-Confidosoft avatar Apr 26 '17 07:04 Sanjay-Confidosoft

Sorry, I might have done something wrong. It's working when there is a parent div with position relative.

gustavofrancoporto avatar Jun 15 '17 18:06 gustavofrancoporto

I can confirm that the parent trick is working, thanks!

Sleeper9 avatar Jun 22 '17 09:06 Sleeper9