From cac1d4f961137c7fae34adcd3ebc6ba8fecdb0b1 Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.valladolid@gmail.com>
Date: Sat, 2 Jul 2016 17:30:37 +0200
Subject: [PATCH] fix(menu): getBackdropElement

references #7125
---
 src/components/backdrop/backdrop.ts | 8 ++++++--
 src/components/menu/menu.ts         | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

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