blur file input (#22)

JustinShetty · Feb 3, 2025 · f15a305 · f15a305
1 parent 017e64c
commit f15a305
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/GraphLoader.tsx b/src/GraphLoader.tsx
@@ -16,6 +16,10 @@ function GraphLoader({ onGraphChange }: GraphLoaderProps) {
             newValue.text().then((text) => {
                 const g = new Graph(text);
                 onGraphChange(g);
+                // Blur (remove focus from) the file input
+                if (document.activeElement instanceof HTMLElement) {
+                    document.activeElement.blur();
+                }
             });
         }
 

diff --git a/src/SolutionLoader.tsx b/src/SolutionLoader.tsx
@@ -15,6 +15,10 @@ function SolutionLoader({ onSolutionChange }: SolutionLoaderProps) {
         if (newValue) {
             newValue.text().then((text) => {
                 onSolutionChange(parseSolution(text));
+                // Blur (remove focus from) the file input
+                if (document.activeElement instanceof HTMLElement) {
+                    document.activeElement.blur();
+                }
             });
         }
     }