fix upload button

amplimindcc · Jun 10, 2024 · 54dc59c · 54dc59c
1 parent 5b4058a
commit 54dc59c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/pages/Commit/components/LocalizedFileInput.tsx b/src/pages/Commit/components/LocalizedFileInput.tsx
@@ -51,6 +51,14 @@ const LocalizedFileInput: React.FC<LocalizedFileInputProps> = ({ onChange, accep
         onChange(event);
     };
 
+    /**
+     * Trigger the actual hidden file input element to open the file dialog.
+     * @author David Linhardt
+     */
+    const triggerFileInputClick = () => {
+        document.getElementById('fileInput')?.click();
+    };
+
     return (
         <div>
             <input
@@ -63,7 +71,7 @@ const LocalizedFileInput: React.FC<LocalizedFileInputProps> = ({ onChange, accep
                 data-testid="fileUpload"
             />
             <label htmlFor='fileInput' className='custom-file-input'>
-                <button className="button" type="button">
+                <button className="button" type="button" onClick={triggerFileInputClick}>
                     {t('browse')}
                 </button>
             </label>