why mat-select not working inside the modal ? onclick it shows options behind the Modal

Question

i Used the ngx-bootstrap Modal. But i faced problem when i used the mat-select inside of it . The mat-select Options display behind the Modal . i already these solutions her

Answer 1

The issue occurs due to conflicting z-indexes. Add the below style in your global CSS file(styles.css file)

.cdk-global-overlay-wrapper, .cdk-overlay-container { z-index: 9999!important; } 

And make sure you refer this styles in your angular.json file

"styles": [ "src/styles.css", "src/......." ]