I'm using Angular CDK Overlay in my project, and I've created two separate components: one for a dropdown and another for a modal. Both the modal and the dropdown are implemented using overlay.create() — not through directives. The dropdown is tied to an input element within its own component. When I click a button inside the modal, the dropdown opens as expected. However, the problem is that when I scroll the modal, the dropdown visually breaks out of the modal and appears outside its boundaries. Any ideas on how to fix the issue will be appreciated. Continue reading...
