fix(): #314, bal-file-upload: clear state of html input file on chang…

…e to fix the bug, emit change event only if list of files changed - not if rejection happened
baloise · Jul 28, 2021 · 8529906 · 8529906
1 parent 56f5909
commit 8529906
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 58 deletions.
diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
diff --git a/packages/components/src/components/bal-file-upload/bal-file-upload.tsx b/packages/components/src/components/bal-file-upload/bal-file-upload.tsx
@@ -134,8 +134,10 @@ export class FileUpload {
           }
         }
       }
-      this.files = [...list]
-      this.balChangeEventEmitter.emit(this.files)
+      if(this.files.length !== list.length) {
+        this.files = [...list]
+        this.balChangeEventEmitter.emit(this.files)
+      }
     }
   }
 
@@ -172,9 +174,10 @@ export class FileUpload {
   }
 
   onChange = (): void => {
-    if ((this.fileInput, this.fileInput.files)) {
+    if (this.fileInput?.files) {
       const files = this.fileInput.files
       this.handleFiles(files)
+      this.fileInput.value = ''
     }
   }
 

diff --git a/packages/testing/package-lock.json b/packages/testing/package-lock.json