diff --git a/libs/designsystem/fab-sheet/src/fab-sheet.component.ts b/libs/designsystem/fab-sheet/src/fab-sheet.component.ts index 357258b672..363db97d94 100644 --- 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)); }