I have a simple Dialog Modal and by closing the modal using it keeps the parent page frozen/grey out/disabled. I am not using any CSS. Below is my script. Is there anything i am missing?
Code: Select all
<p-dialog [(visible)]="projectUploadDialog" [style]="{ width: '600px' }" header="Project Upload" [modal]="true" styleClass="p-fluid">
<div class="card">
Something here
</div>
</p-dialog>
Here is the dependencies and versions:
Code: Select all
"dependencies": {
"@angular/animations": "^16.2.0",
"@angular/common": "^16.2.0",
"@angular/compiler": "^16.2.0",
"@angular/core": "^16.2.0",
"@angular/forms": "^16.2.0",
"@angular/platform-browser": "^16.2.0",
"@angular/platform-browser-dynamic": "^16.2.0",
"@angular/router": "^16.2.0",
"primeflex": "^3.3.1",
"primeicons": "^6.0.1",
"primeng": "^16.2.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.13.0"
},