From c2f0e0a99057c3acde249aaca83fb9852bfc8e96 Mon Sep 17 00:00:00 2001
From: Chris Wanstrath <chris@ozmm.org>
Date: Sat, 27 Sep 2025 19:01:13 -0700
Subject: [PATCH] focus canvas

---
 app/src/css/main.css | 4 ++++
 app/src/js/focus.ts  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/css/main.css b/app/src/css/main.css
index c6d38d7..e48d0c8 100644
--- a/app/src/css/main.css
+++ b/app/src/css/main.css
@@ -71,6 +71,10 @@
   color: var(--c64-dark-blue);
 }
 
+canvas:focus {
+  outline: none;
+}
+
 a {
   color: var(--cyan);
 }
diff --git a/app/src/js/focus.ts b/app/src/js/focus.ts
index 985aafc..c8f444f 100644
--- a/app/src/js/focus.ts
+++ b/app/src/js/focus.ts
@@ -27,7 +27,7 @@ export function focusHandler(e: MouseEvent) {
     const a = target.closest("a")
 
     if (!a) {
-        if (target.tagName === "INPUT" || target.tagName === "TEXTAREA")
+        if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "CANVAS")
             return false
 
         const selection = window.getSelection() || ""