From c9bc5baca3ac21ca7edce2457d5bb6a688c8db1d Mon Sep 17 00:00:00 2001 From: Sonia Zorba <sonia.zorba@inaf.it> Date: Tue, 2 Nov 2021 11:32:31 +0100 Subject: [PATCH] Fixed minor issue with modal enter events --- vospace-ui-frontend/src/components/modal/CreateFolderModal.vue | 2 +- vospace-ui-frontend/src/components/modal/MoveOrCopyModal.vue | 2 +- vospace-ui-frontend/src/components/modal/RenameModal.vue | 2 +- vospace-ui-frontend/src/components/modal/ShareInputGroup.vue | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/vospace-ui-frontend/src/components/modal/CreateFolderModal.vue b/vospace-ui-frontend/src/components/modal/CreateFolderModal.vue index 4c49a76..4c4287f 100644 --- a/vospace-ui-frontend/src/components/modal/CreateFolderModal.vue +++ b/vospace-ui-frontend/src/components/modal/CreateFolderModal.vue @@ -8,7 +8,7 @@ <b-form inline> <label class="w-25" for="new-folder-name-input">Folder name</label> <b-form-input v-model.trim="newFolderName" id="new-folder-name-input" ref="newFolderNameInput" class="w-75" aria-describedby="new-folder-name-input-feedback" :state="newFolderNameState" v-on:input="resetError" - @keydown.native.enter="createFolder"> + @keydown.native.enter.prevent="createFolder"> </b-form-input> <b-form-invalid-feedback id="new-folder-name-input-feedback" class="text-right">{{newFolderNameError}}</b-form-invalid-feedback> </b-form> diff --git a/vospace-ui-frontend/src/components/modal/MoveOrCopyModal.vue b/vospace-ui-frontend/src/components/modal/MoveOrCopyModal.vue index 5bf47a9..1150c10 100644 --- a/vospace-ui-frontend/src/components/modal/MoveOrCopyModal.vue +++ b/vospace-ui-frontend/src/components/modal/MoveOrCopyModal.vue @@ -7,7 +7,7 @@ <b-modal id="move-or-copy-modal" :title="title" :okTitle="okTitle" @show="afterShow" @ok.prevent="moveOrCopyNodes" :ok-disabled="!writable" size="lg"> <b-form inline v-if="this.nodesToMoveOrCopy.length === 1 && this.moveOrCopy === 'copy'" class="mb-3"> <label class="w-25" for="new-name-input">New name</label> - <b-form-input v-model.trim="newName" id="new-name-input" class="w-75" aria-describedby="new-name-input-feedback" :state="newNameState" v-on:input="resetNewNameError" @keydown.native.enter="moveOrCopyNodes"> + <b-form-input v-model.trim="newName" id="new-name-input" class="w-75" aria-describedby="new-name-input-feedback" :state="newNameState" v-on:input="resetNewNameError" @keydown.native.enter.prevent="moveOrCopyNodes"> </b-form-input> <b-form-invalid-feedback id="new-folder-name-input-feedback" class="text-right">{{newNameError}}</b-form-invalid-feedback> </b-form> diff --git a/vospace-ui-frontend/src/components/modal/RenameModal.vue b/vospace-ui-frontend/src/components/modal/RenameModal.vue index 4b86e4b..976d28a 100644 --- a/vospace-ui-frontend/src/components/modal/RenameModal.vue +++ b/vospace-ui-frontend/src/components/modal/RenameModal.vue @@ -7,7 +7,7 @@ <b-modal id="rename-modal" :title="'Rename ' + nodeToRename" okTitle="Rename" @show="reset" @shown="afterShow" @ok.prevent="renameNode"> <b-form inline> <label class="w-25" for="new-name-input">New name</label> - <b-form-input v-model.trim="newName" id="new-name-input" ref="newNameInput" class="w-75" aria-describedby="new-name-input-feedback" :state="newNameState" v-on:input="resetError" @keydown.native.enter="renameNode"> + <b-form-input v-model.trim="newName" id="new-name-input" ref="newNameInput" class="w-75" aria-describedby="new-name-input-feedback" :state="newNameState" v-on:input="resetError" @keydown.native.enter.prevent="renameNode"> </b-form-input> <b-form-invalid-feedback id="new-folder-name-input-feedback" class="text-right">{{newNameError}}</b-form-invalid-feedback> </b-form> diff --git a/vospace-ui-frontend/src/components/modal/ShareInputGroup.vue b/vospace-ui-frontend/src/components/modal/ShareInputGroup.vue index 3f70a41..aae0f75 100644 --- a/vospace-ui-frontend/src/components/modal/ShareInputGroup.vue +++ b/vospace-ui-frontend/src/components/modal/ShareInputGroup.vue @@ -11,7 +11,7 @@ </div> <div class="col"> <b-input-group> - <b-form-input :list="id + '-list'" :id="id + '-input'" :placeholder="placeholder" v-model="inputValue" @input="resetError()" @keydown.native.enter="addItem()"></b-form-input> + <b-form-input :list="id + '-list'" :id="id + '-input'" :placeholder="placeholder" v-model="inputValue" @input="resetError()" @keydown.native.enter.prevent="addItem()"></b-form-input> <datalist :id="id + '-list'"> <option v-for="option in options" v-bind:key="option">{{option}}</option> </datalist> -- GitLab