From d42b72f1a3975bdf5f6df52b43c54c23c036d7ea Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Mon, 30 May 2022 11:00:23 -0500
Subject: [PATCH] explorer: fix text input not getting focus when clicked

All user controls should stop propagation of events that are handled.
---
 src/explorer/fileNameFormGroup/FileNameFormGroup.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/explorer/fileNameFormGroup/FileNameFormGroup.tsx b/src/explorer/fileNameFormGroup/FileNameFormGroup.tsx
index 71795007..ab0f4ce7 100644
--- a/src/explorer/fileNameFormGroup/FileNameFormGroup.tsx
+++ b/src/explorer/fileNameFormGroup/FileNameFormGroup.tsx
@@ -95,6 +95,7 @@ const FileNameFormGroup: React.VoidFunctionComponent<FileNameFormGroupProps> = (
                 inputRef={inputRef}
                 intent={fileNameIntent}
                 rightElement={<Tag aria-hidden>{fileExtension}</Tag>}
+                onMouseDown={(e) => e.stopPropagation()}
                 onChange={(e) => onChange(e.target.value)}
             />
         </FormGroup>