diff --git a/src/components/backdrop/backdrop.ts b/src/components/backdrop/backdrop.ts index 8701817570..b839b3a393 100644 --- a/src/components/backdrop/backdrop.ts +++ b/src/components/backdrop/backdrop.ts @@ -1,4 +1,4 @@ -import { Directive, Input } from '@angular/core'; +import { Directive, ElementRef, Input } from '@angular/core'; import { AppRoot } from '../app/app'; import { isTrueProperty } from '../../util/util'; @@ -39,7 +39,7 @@ export class Backdrop { private pushed: boolean = false; @Input() disableScroll = true; - constructor(private _appRoot: AppRoot) {} + constructor(private _appRoot: AppRoot, private _elementRef: ElementRef) {} ngOnInit() { if (isTrueProperty(this.disableScroll)) { @@ -55,4 +55,8 @@ export class Backdrop { } } + getNativeElement(): HTMLElement { + return this._elementRef.nativeElement; + } + } diff --git a/src/components/menu/menu.ts b/src/components/menu/menu.ts index acfe700450..119eb10006 100644 --- a/src/components/menu/menu.ts +++ b/src/components/menu/menu.ts @@ -614,7 +614,7 @@ export class Menu extends Ion { * @private */ getBackdropElement(): HTMLElement { - return this.backdrop.elementRef.nativeElement; + return this.backdrop.getNativeElement(); } /**