diff --git a/client/src/components/FilesDialog/FilesDialog.vue b/client/src/components/FilesDialog/FilesDialog.vue index de824a97aa95..57e7ee89fbf3 100644 --- a/client/src/components/FilesDialog/FilesDialog.vue +++ b/client/src/components/FilesDialog/FilesDialog.vue @@ -44,6 +44,8 @@ interface FilesDialogProps { requireWritable?: boolean; /** Optional selected item to start browsing from */ selectedItem?: SelectionItem; + /** Whether the dialog is visible at the start */ + isOpen?: boolean; } const props = withDefaults(defineProps(), { @@ -54,6 +56,7 @@ const props = withDefaults(defineProps(), { multiple: false, requireWritable: false, selectedItem: undefined, + isOpen: true, }); const { config, isConfigLoaded } = useConfig(); @@ -66,7 +69,7 @@ const errorMessage = ref(); const filter = ref(); const items = ref([]); const itemsProvider = ref(); -const modalShow = ref(true); +const modalShow = ref(props.isOpen); const optionsShow = ref(false); const undoShow = ref(false); const hasValue = ref(false); diff --git a/client/src/components/Form/Elements/FormDirectory.vue b/client/src/components/Form/Elements/FormDirectory.vue index 75678d82b1ad..9b37708dd833 100644 --- a/client/src/components/Form/Elements/FormDirectory.vue +++ b/client/src/components/Form/Elements/FormDirectory.vue @@ -4,7 +4,12 @@ {{ selectText }} - + @@ -69,6 +74,9 @@ export default { return regex.test(this.currentDirectoryName); }, }, + mounted() { + this.updateURL(true); + }, methods: { removePath(index) { this.pathChunks = this.pathChunks.slice(0, index); @@ -83,6 +91,7 @@ export default { // https://michaelnthiessen.com/force-re-render/ redrawModal() { this.modalKey += 1; + this.isModalShown = true; }, removeLastPath(event) { // check whether the last item is editable