fix(VFileInput): set value to undefined by default and on clear

matches the default behavior of <input type="file"> fixes #10287
vuetifyjs · Jan 21, 2020 · 19bdb4c · 19bdb4c
1 parent 80b1568
commit 19bdb4c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VFileInput/VFileInput.ts b/packages/vuetify/src/components/VFileInput/VFileInput.ts
@@ -65,7 +65,7 @@ export default VTextField.extend({
       default: 'file',
     },
     value: {
-      default: () => [],
+      default: undefined,
       validator: val => {
         return typeof val === 'object' || Array.isArray(val)
       },
@@ -154,7 +154,7 @@ export default VTextField.extend({
 
   methods: {
     clearableCallback () {
-      this.internalValue = this.isMultiple ? [] : null
+      this.internalValue = this.isMultiple ? [] : undefined
       this.$refs.input.value = ''
     },
     genChips () {

diff --git a/packages/vuetify/src/components/VFileInput/__tests__/VFileInput.spec.ts b/packages/vuetify/src/components/VFileInput/__tests__/VFileInput.spec.ts
@@ -140,7 +140,7 @@ describe('VFileInput.ts', () => {
     })
 
     wrapper.vm.clearableCallback()
-    expect(wrapper.vm.internalValue).toBeNull()
+    expect(wrapper.vm.internalValue).toBeUndefined()
 
     const wrapper2 = mountFunction({
       attrs: { multiple: '' },