[Modal] The scrollbar is not displayed if backdrop is disabled

[Alexveselun]

Steps to reproduce:

1. Open the "Modal" section
2. Scroll to the "Backdrop options" menu
3. Click on the "Disable backdrop" button
4. Click on the "Open modal" button
5. Close the modal

Expected result: the scrollbar on the right side is displayed
Actual result: the scrollbar is not displayed

Video-2023-02-16_14.33.05.mp4

[sangeethacorpusnetwrok]

Can anyone please provide the workaround for this issue?

[elio-developer]

I had the same issue; this is how we fixed it:

We are using a custom modal (ToastComponent). In the config either don't include backdrop:false or set it to true.

var config = {
    backdrop: true
};
this.bsModalRef = this.modalService.show(ToastComponent, config);

In the constructor of the custom modal (ToastComponent in my case) call this.modalService._hideBackdrop(); this will hide the background and not affect the scrolling.

constructor() {
        super();
        this.modalService._hideBackdrop();
    }

[johanroug]

this is still not solved in version 11.

my current workaround is manually remove the inline style
document.querySelector('body').removeAttribute('style')