fix(menu): getBackdropElement

references #7125

Author: manucorporat

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;
+  }
+
 }

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();
   }
 
   /**