[FIX]: clean input value on InputButton to allow onChange event to be triggered on Chromium browsers

JinSSJ3 · JinSSJ3 · commit 347f1276f85f · 2022-01-31T18:50:25.000-05:00
diff --git a/src/components/input-button/InputButton.tsx b/src/components/input-button/InputButton.tsx
@@ -48,7 +48,10 @@ const InputButton: React.FC<InputButtonProps> = (props: InputButtonProps) => {
         output.push(validatedFile);
       }
     }
-
+    let element: HTMLInputElement | null = inputRef.current;
+    if (element) {
+      element.value = "";
+    }
     onChange?.(output);
   };
   function clickInput(e: React.MouseEvent<MouseEvent>): void {

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,10 @@ const InputButton: React.FC<InputButtonProps> = (props: InputButtonProps) => {`
`48`	`48`	`output.push(validatedFile);`
`49`	`49`	`}`
`50`	`50`	`}`
`51`		`-`
	`51`	`+ let element: HTMLInputElement \| null = inputRef.current;`
	`52`	`+ if (element) {`
	`53`	`+ element.value = "";`
	`54`	`+ }`
`52`	`55`	`onChange?.(output);`
`53`	`56`	`};`
`54`	`57`	`function clickInput(e: React.MouseEvent<MouseEvent>): void {`