Dialog Modal freeze the parent page after close

[alirezaeian]

Hi,

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"
  },