Fix ion-backdrop scroll block on navigation return (#2906)

kirbydesign · Mar 21, 2023 · 676119c · 676119c
1 parent 423b28c
commit 676119c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/libs/designsystem/fab-sheet/src/fab-sheet.component.ts b/libs/designsystem/fab-sheet/src/fab-sheet.component.ts
@@ -1,6 +1,7 @@
 import { CommonModule, DOCUMENT } from '@angular/common';
 import {
   AfterContentInit,
+  AfterViewInit,
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
@@ -23,7 +24,7 @@ import { ActionSheetComponent } from '@kirbydesign/designsystem/modal';
   styleUrls: ['./fab-sheet.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class FabSheetComponent implements AfterContentInit {
+export class FabSheetComponent implements AfterContentInit, AfterViewInit {
   @Input() disabled: boolean = false;
   @Input() horizontalAlignment: 'left' | 'center' | 'right' = 'right';
 
@@ -53,6 +54,10 @@ export class FabSheetComponent implements AfterContentInit {
     }
   }
 
+  ngAfterViewInit(): void {
+    this.renderer.removeClass(this.document.body, 'backdrop-no-scroll');
+  }
+
   hideActions() {
     this.ionFab.close().then(() => this.fabSheetStateChanged(false));
   }