From f627e1b6f32d36eb4023747097e7b4ca2d81c104 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 10 Feb 2022 06:30:15 -0800
Subject: [PATCH] fix(file-uploader): move input outside of label to fix a11y
 error

Ref: https://github.com/carbon-design-system/carbon/pull/10444
---
 .../FileUploaderDropContainer.svelte          | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/FileUploader/FileUploaderDropContainer.svelte b/src/FileUploader/FileUploaderDropContainer.svelte
index d21949f442..2422d570d2 100644
--- a/src/FileUploader/FileUploaderDropContainer.svelte
+++ b/src/FileUploader/FileUploaderDropContainer.svelte
@@ -93,24 +93,24 @@
         {labelText}
       </slot>
     </div>
-    <input
-      bind:this="{ref}"
-      type="file"
-      tabindex="-1"
-      id="{id}"
-      disabled="{disabled}"
-      accept="{accept}"
-      name="{name}"
-      multiple="{multiple}"
-      class:bx--file-input="{true}"
-      on:change
-      on:change="{({ target }) => {
-        dispatch('add', validateFiles(target.files));
-      }}"
-      on:click
-      on:click="{({ target }) => {
-        target.value = null;
-      }}"
-    />
   </label>
+  <input
+    bind:this="{ref}"
+    type="file"
+    tabindex="-1"
+    id="{id}"
+    disabled="{disabled}"
+    accept="{accept}"
+    name="{name}"
+    multiple="{multiple}"
+    class:bx--file-input="{true}"
+    on:change
+    on:change="{({ target }) => {
+      dispatch('add', validateFiles(target.files));
+    }}"
+    on:click
+    on:click="{({ target }) => {
+      target.value = null;
+    }}"
+  />
 </div>