fix weird issue that open file dialog sometimes opens up twice?

Author: devhelpr

src/components/BiasSettings.tsx

@@ -162,10 +162,10 @@ export default function BiasSettings({
                         <legend className="-ml-1 px-1 text-sm font-medium">
                             Data
                         </legend>
-                        <div className="relative grid gap-3">
-                            <label className="absolute -top-[10px] leading-0 left-4 px-1 bg-white text-sm font-medium">
+                        <div className="relative grid gap-3 select-none">
+                            <div className="absolute -top-[10px] leading-0 left-4 px-1 bg-white text-sm font-medium">
                                 Data set
-                            </label>
+                            </div>
                             <FormField
                                 control={form.control}
                                 name="file"

src/components/CSVReader.tsx

@@ -85,7 +85,7 @@ export default function CSVReader({ onChange }: csvReader) {
             {...getRootProps()}
             className="border-aaDark border-dashed border-2 cursor-pointer rounded-xl text-center p-10 lg:min-w-[400px]"
         >
-            <input id="data-upload" {...getInputProps()} multiple={false} />
+            <input {...getInputProps()} multiple={false} id="data-upload" />
 
             <FormLabel htmlFor="data-upload">
                 Drag 'n' drop a CSV file here, or click to select one