focus on focusin

alphagov · Feb 14, 2025 · bf5cd7e · bf5cd7e
1 parent 85e94b6
commit bf5cd7e
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/govuk-frontend/src/govuk/components/file-upload/file-upload.mjs b/packages/govuk-frontend/src/govuk/components/file-upload/file-upload.mjs
@@ -340,6 +340,13 @@ export class FileUpload extends ConfigurableComponent {
    * When the button is clicked, emulate clicking the actual, hidden file input
    */
   onClick() {
+    this.$button.addEventListener(
+      'focusin',
+      () => {
+        this.$button.focus()
+      },
+      { once: true }
+    )
     this.$input.click()
   }