fix(file-uploader): move input outside of label to fix a11y error

Ref: carbon-design-system/carbon#10444
carbon-design-system · Feb 10, 2022 · f627e1b · f627e1b
1 parent 32ce6c6
commit f627e1b
Showing 1 changed file with 19 additions and 19 deletions.
diff --git 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>