fix(position): Default to 100x100 size if menuElement is undefined

Author: isaacplmann

CHANGELOG.md

@@ -1,3 +1,13 @@
+<a name="0.8.1"></a>
+# [0.8.1](https://github.com/isaacplmann/angular2-contextmenu/compare/v0.8.0...v0.8.1) (2017-02-28)
+
+
+### Bug Fixes
+
+* **position:** Default to 100x100 size if menuElement is undefined
+
+
+
 <a name="0.8.0"></a>
 # [0.8.0](https://github.com/isaacplmann/angular2-contextmenu/compare/v0.7.7...v0.8.0) (2017-02-27)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular2-contextmenu",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "An Angular 2 component to show a context menu on an arbitrary component",
   "main": "angular2-contextmenu.js",
   "scripts": {

src/contextMenu.component.ts

@@ -95,7 +95,7 @@ export class ContextMenuComponent implements AfterContentInit {
     _contextMenuService.show.subscribe(menuEvent => this.onMenuEvent(menuEvent));
   }
 
-  stopEvent($event : MouseEvent) {
+  stopEvent($event: MouseEvent) {
     $event.stopPropagation()
   }
 
@@ -179,8 +179,8 @@ export class ContextMenuComponent implements AfterContentInit {
           this.hideMenu();
         }
         setTimeout(() => {
-          const menuWidth = this.menuElement.nativeElement.clientWidth;
-          const menuHeight = this.menuElement.nativeElement.clientHeight;
+          const menuWidth = this.menuElement ? this.menuElement.nativeElement.clientWidth : 100;
+          const menuHeight = this.menuElement ? this.menuElement.nativeElement.clientHeight : 100;
           const bodyWidth = event.view.document.body.clientWidth;
           const bodyHeight = event.view.document.body.clientHeight;
           const distanceFromRight = bodyWidth - (event.clientX + menuWidth);