diff --git a/client/app.tsx b/client/app.tsx
index be54e85..b730d71 100644
--- a/client/app.tsx
+++ b/client/app.tsx
@@ -72,11 +72,11 @@ async function render() {
 // tslint:disable-next-line: no-console
 render().catch((e) => console.log(e));
 
-window.addEventListener("keypress", (e) => controller.handleKeyPress(e));
-window.addEventListener("keydown", (e) => controller.handleKeyDown(e));
-window.addEventListener("keyup", (e) => controller.handleKeyUp(e));
+document.getElementById("root").addEventListener("keypress", (e) => controller.handleKeyPress(e));
+document.getElementById("root").addEventListener("keydown", (e) => controller.handleKeyDown(e));
+document.getElementById("root").addEventListener("keyup", (e) => controller.handleKeyUp(e));
 
-window.document.addEventListener("paste", (e) => {
+document.addEventListener("paste", (e) => {
   e.preventDefault();
   // Text tool manages pasting it's own way.
   const clipboardText = e.clipboardData.getData("text");
diff --git a/client/view.tsx b/client/view.tsx
index 3b334e5..51aa11a 100644
--- a/client/view.tsx
+++ b/client/view.tsx
@@ -59,6 +59,7 @@ export const View = ({ ...rest }: React.HTMLAttributes<HTMLCanvasElement>) =>
       <canvas
         width={document.documentElement.clientWidth}
         height={document.documentElement.clientHeight}
+        tabIndex={0}
         style={{
           backgroundColor: colors.background,
           cursor: store.computedCurrentCursor,