When i add carousel in modal , close button is not working in angular 6

Question

I want to add a carousel in a modal popup, so i have add carousel it is working fine.

But when tried to to close the model using close button , it is not working.

Link to stackblitz demo

Any suggestions on how to make work of close button?

Thanks in advance!

Answer 1

Please try to change css for prev/next arrows:

.carousel-control-next, .carousel-control-prev {
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
}

top and transform will set arrow icon vertically centered. You can change these values easly depending on your needs. And now prev/next controls will have only 30px height. Hope it helps.