keyboard handler added

package.json

@@ -16,7 +16,7 @@
     "colors": "^1.1.0",
     "del": "^1.2.1",
     "express": "^4.10.4",
-    "gulp": "^3.9.0",
+    "gulp": "^3.9.1",
     "gulp-autoprefixer": "^2.3.1",
     "gulp-batch": "^1.0.5",
     "gulp-changed": "^1.3.0",

src/components/Callout/Callout.ts

@@ -36,6 +36,7 @@ namespace fabric {
 
     private _setOpener() {
       this._addTarget.addEventListener("click", this._clickHandler.bind(this), true);
+      this._addTarget.addEventListener("keyup", this._keyupHandler.bind(this), true);
     }
 
     private _openContextMenu() {
@@ -63,13 +64,26 @@ namespace fabric {
     }
 
     private _closeHandler(e) {
-      this._contextualHost.disposeModal();
+      if (this._contextualHost != null) {
+        this._contextualHost.disposeModal();
+      }
       this._closeButton.removeEventListener("click", this._closeHandler.bind(this), false);
       this._addTarget.removeEventListener("click", this._clickHandler.bind(this), true);
+      this._addTarget.removeEventListener("keyup", this._keyupHandler.bind(this), true);
     }
 
     private _clickHandler(e) {
       this._openContextMenu();
     }
+
+    private _keyupHandler(event: KeyboardEvent): void {
+      if (event.keyCode === 32) {
+        event.stopPropagation();
+        event.preventDefault();
+        this._openContextMenu();
+      } else {
+        this._closeHandler(event);
+      }
+    }
   }
 }