When using a component as the content of a modal rather than a template, with the scrollable option set to true, the modal body doesn’t scroll.
The CSS magic apparently doesn’t work when an additional element (the host element of the component) is inserted between the
.modal-content and the
.modal-body, but I’m so bad at CSS that I can’t even find a workaround.
Link to minimally-working StackBlitz that reproduces the issue:
Versions of Angular, ng-bootstrap and Bootstrap: