Fix issue Pressing Enter makes Astroid UI inaccessible #454

templaza · Nov 22, 2023 · 03c6bcf · 03c6bcf
1 parent 4723e0a
commit 03c6bcf
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/assets/vendor/manager/dist/index.js b/assets/vendor/manager/dist/index.js
diff --git a/assets/vendor/manager/src/components/helpers/Fields.vue b/assets/vendor/manager/src/components/helpers/Fields.vue
@@ -71,7 +71,7 @@ function updateContentLayout() {
 }
 </script>
 <template>
-    <input v-if="props.field.input.type === `astroidtext`" v-model="props.scope[props.field.name]" type="text" :id="props.field.input.id" :name="props.field.input.name" class="astroid-text form-control" :aria-label="props.field.label" :placeholder="props.field.input.hint">
+    <input v-if="props.field.input.type === `astroidtext`" v-model="props.scope[props.field.name]" type="text" :id="props.field.input.id" :name="props.field.input.name" class="astroid-text form-control" @keydown.prevent="" :aria-label="props.field.label" :placeholder="props.field.input.hint">
     <select v-else-if="props.field.input.type === `astroidlist`" v-model="props.scope[props.field.name]" :id="props.field.input.id" :name="props.field.input.name" class="astroid-list form-select" :aria-label="props.field.label">
         <option v-for="option in props.field.input.options" :key="option.value" :value="option.value">{{ option.text }}</option>
     </select>

diff --git a/assets/vendor/manager/src/components/helpers/Modal.vue b/assets/vendor/manager/src/components/helpers/Modal.vue
@@ -39,7 +39,7 @@ function saveModal(){
 }
 </script>
 <template>
-    <div class="astroid-modal modal d-block" :id="props.element.type+`-`+props.element.id" tabindex="-1" @click.self="emit('update:closeElement')">
+    <div class="astroid-modal modal d-block" :id="props.element.type+`-`+props.element.id" tabindex="-1" aria-hidden="true" @click.self="emit('update:closeElement')">
         <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
             <div class="modal-content">
                 <div class="position-absolute top-0 end-0 p-3">