P-dialog is not closing on outside screen click in the mobile app screen

Question

I am showing P-dialog in the image click.When I click/select out side the dialog in the app screen the dialog is not closing.

How to close p-dialog on any selection of place in the screen i.e outside of the dialog?

Answer 1

You can set flag [dismissableMask]="true" to close the modal on clicking outside.

<p-dialog [(visible)]="display" [dismissableMask]="true"></p-dialog>