Fix page scroll while dialog open

Author: christianezeani

projects/ngsuite/src/lib/dialog/services/Dialog.ts

@@ -10,7 +10,9 @@ import { Observable, throwError } from "rxjs";
 const DialogInstances: NGSuiteDialogInstance[] = [];
 const DialogRootMap = new Map<NGSuiteDialog, NGSuiteDialogRoot>();
 
-@Injectable()
+@Injectable({
+  providedIn: 'root',
+})
 export class NGSuiteDialog {
 
   constructor() {
@@ -74,15 +76,18 @@ export class NGSuiteDialog {
     instance.afterClosed.subscribe(() => {
       const index = DialogInstances.indexOf(instance);
       DialogInstances.splice(index, 1);
+
+      const hasInstances = DialogInstances.length > 0;
+      document.body.classList.toggle('ngs-dialog-open', hasInstances);
     });
 
     return instance;
   }
 
   closeAll() {
     while (DialogInstances.length) {
-      const instance = DialogInstances.pop() as NGSuiteDialogInstance;
-      instance.close(false);
+      const instance = DialogInstances.pop();
+      instance?.close(false);
     }
   }
 

projects/ngsuite/src/styles/features/dialog.scss

@@ -33,3 +33,7 @@
     font-weight: 500;
   }
 }
+
+.ngs-dialog-open {
+  overflow: clip !important;
+}