fix: use cross-browser keydown handler

Author: crisbeto

src/lib/dialog/dialog-container.ts

@@ -14,6 +14,7 @@ import {
   EventEmitter,
 } from '@angular/core';
 import {BasePortalHost, ComponentPortal, PortalHostDirective, TemplatePortal} from '../core';
+import {ESCAPE} from '../core/keyboard/keycodes';
 import {MdDialogConfig} from './dialog-config';
 import {MdDialogContentAlreadyAttachedError} from './dialog-errors';
 import {FocusTrap} from '../core/a11y/focus-trap';
@@ -46,7 +47,7 @@ export type MdDialogContainerAnimationState = 'void' | 'enter' | 'exit' | 'exit-
   host: {
     'class': 'md-dialog-container',
     '[attr.role]': 'dialogConfig?.role',
-    '(keydown.escape)': '_handleEscapeKey()',
+    '(keydown)': '_handleKeydown($event)',
     '[@slideDialog]': '_state',
     '(@slideDialog.done)': '_onAnimationDone($event)',
   },
@@ -122,8 +123,8 @@ export class MdDialogContainer extends BasePortalHost implements OnDestroy {
    * Handles the user pressing the Escape key.
    * @docs-private
    */
-  _handleEscapeKey() {
-    if (!this.dialogConfig.disableClose) {
+  _handleKeydown(event: KeyboardEvent) {
+    if (!this.dialogConfig.disableClose && event.keyCode === ESCAPE) {
       this._exit();
     }
   }