I ended up placing the modal inside the html of CoreUI's default-layout component, and making it accessible through a service, so that it was possible to show it from within the header component. I still couldn't figure out why hosting the modal itself inside the header component produces this odd behavior. This effectively serves the same purpose as in Naren's answer (which is correct), and still makes it possible to show the modal from child components such as the header.