Merge pull request #292 from Kitware/tweak-file-dialog

fix(FileLoader): Correctly clear dialog contents on close
Kitware · Jan 29, 2020 · a39c448 · a39c448
2 parents c01033d + 0dd6331
commit a39c448
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/core/FileLoader/script.js b/src/components/core/FileLoader/script.js
@@ -62,6 +62,13 @@ export default {
         }, 10);
       });
     },
+    onDialogChange(state) {
+      if (!state) {
+        this.close();
+      } else {
+        this.$emit('input', true);
+      }
+    },
     close() {
       this.$emit('input', false);
       // hack to reset queue only after the file dialog closes

diff --git a/src/components/core/FileLoader/template.html b/src/components/core/FileLoader/template.html
@@ -1,9 +1,10 @@
 <v-dialog
-  width="50%"
+  width="70%"
   :value="value"
   :persistent="loading"
   :fullscreen="$vuetify.breakpoint.smAndDown"
-  @input="$emit('input', $event)"
+  @input="onDialogChange"
+  @click:outside="close"
 >
   <v-card>
     <v-card-text class="pa-0">