Ngx-bootstrap: How to use modal-dialog-scrollable

[dylanvdmerwe]

Bug description or feature request:

See the new class available for modals here called modal-dialog-scrollable.

Is there anything specific we need to do to get this to work?

    const ref = this.modalService.show(ResultsFilterModalComponent,
      {
        class: "modal-lg modal-dialog-scrollable",
      });

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap: 4.1.1

Angular: 7.2.x

Bootstrap: 4.3

[DennisKae]

I am facing the same issue and believe the problem has to be that ngx-bootrap prevents certain relevant css rules by adding the angular component node at this location:

Has anybody an idea how to fix this?

[developer-kee]

Same here does not work for me when I add

modal-dialog-scrollable

Seems like the _version of bootstrap_ is the problem but I haven't gotten the chance to test this theory

Yup ngx-bootstrap uses version 4.2.1 of bootstrap and modal-dialog-scrollable seems to have been implemented in version 4.3.x of bootstrap

[jmwierzbicki]

I just managed to make my contents scrollable with this piece of code on my modal component css:

:host {
display: contents;
}

[sittshein]

I just managed to make my contents scrollable with this piece of code on my modal component css:

:host {
display: contents;
}

This save my day. thanks much.