Close modals on escape. Fixes #313

src/assets/stylesheets/info-dialog.scss

@@ -3,7 +3,7 @@
   height: 100%;
   top: 0;
   left: 0;
-  position: absolute;
+  position: fixed;
   pointer-events: none;
   color: white;
   z-index: 2;

src/react-components/info-dialog.js

@@ -27,6 +27,21 @@ class InfoDialog extends Component {
 
     const loc = document.location;
     this.shareLink = `${loc.protocol}//${loc.host}${loc.pathname}`;
+    this.onKeyPress = this.onKeyPress.bind(this);
+  }
+
+  componentDidMount() {
+    window.addEventListener("keypress", this.onKeyPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener("keypress", this.onKeyPress);
+  }
+
+  onKeyPress(e) {
+    if (e.key === "Escape") {
+      this.props.onCloseDialog();
+    }
   }
 
   shareLinkClicked = () => {