Prevent popup from closing when you click outside or inside

[dirttech]

Prevent popup from closing when you click outside or inside

[nikoes]

A quick hack for this would be adding

::ng-deep .cdk-overlay-backdrop { pointer-events: none!important; }

But this will override the default material behavior related to modals and dialogs and it is not a very good solution.

[ahmedeldeeb25-zz]

I have the same problem and I hope to find a good solution. @isaacplmann

[ahmedeldeeb25-zz]

I found a solution that may help you.
In your Angular App -> index.html, after add this

<style> .cdk-overlay-container { position: unset; z-index: 0; } .cdk-overlay-backdrop { position: unset; z-index: 0; } </style>

You may need to adjust z-index style depend on your case.