fix(fileuploaderdropcontainer): moved input out of label to fix a11y …

…bug (#10444) Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Jan 24, 2022 · d02f94d · d02f94d
1 parent bd73bc2
commit d02f94d
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/packages/react/src/components/FileUploader/FileUploaderDropContainer.js b/packages/react/src/components/FileUploader/FileUploaderDropContainer.js
@@ -116,22 +116,22 @@ function FileUploaderDropContainer({
         <div className={dropareaClasses} role={role || 'button'}>
           {labelText}
         </div>
-        <input
-          type="file"
-          id={uid}
-          className={`${prefix}--file-input`}
-          ref={inputRef}
-          tabIndex="-1"
-          disabled={disabled}
-          accept={accept}
-          name={name}
-          multiple={multiple}
-          onChange={handleChange}
-          onClick={(evt) => {
-            evt.target.value = null;
-          }}
-        />
       </label>
+      <input
+        type="file"
+        id={uid}
+        className={`${prefix}--file-input`}
+        ref={inputRef}
+        tabIndex="-1"
+        disabled={disabled}
+        accept={accept}
+        name={name}
+        multiple={multiple}
+        onChange={handleChange}
+        onClick={(evt) => {
+          evt.target.value = null;
+        }}
+      />
     </div>
   );
 }