Backdrop z-Index forced to 1050

Bug description:

Backdrop z-Index has been forced to 1050 with inline style

<ngb-modal-backdrop style="z-index: 1050" class="modal-backdrop fade show">

this works if you use normal bootstrap.css, but i’m using bootstrap/scss and i like to configure myself the variables

in particular $zindex-modal: on my project is set much lower than 1050, and all the modals are broken with the updates.

if for some reason is not possible to change this behaviour, at least give us the possibility to configure it trough NgbModalConfig.

Thanks

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 6.1.3

ng-bootstrap: 3.2.0

Bootstrap: 4.1.3

[ruch0401]

::ng-deep will apply the style to all the child components. This solved the issue for me. This does in your css file.

::ng-deep ngb-modal-backdrop {
  z-index: 1050 !important;
}

[friedrichroell]

::ng-deep will apply the style to all the child components. This solved the issue for me. This does in your css file.

::ng-deep ngb-modal-backdrop {
  z-index: 1050 !important;
}

actually adding the style to my global styles without ng-deep did the trick for me

ngb-modal-backdrop {
    z-index: 1050 !important;
}