Fix creating custom names for recommend collection fields on new coll…

…ection setup drawer (#6451) Fixes #6381
directus · Jun 22, 2021 · 0766f6b · 0766f6b
1 parent e45a3e0
commit 0766f6b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/src/components/v-input/v-input.vue b/app/src/components/v-input/v-input.vue
@@ -58,7 +58,7 @@ import slugify from '@sindresorhus/slugify';
 import { omit } from 'lodash';
 
 export default defineComponent({
-	emits: ['click', 'keydown', 'update:modelValue'],
+	emits: ['click', 'keydown', 'update:modelValue', 'focus'],
 	inheritAttrs: false,
 	props: {
 		autofocus: {
@@ -149,6 +149,7 @@ export default defineComponent({
 				trimIfEnabled();
 				attrs?.onBlur?.(e);
 			},
+			focus: (e: PointerEvent) => emit('focus', e),
 		}));
 		const attributes = computed(() => omit(attrs, ['class']));
 		const classes = computed(() => [

diff --git a/app/src/modules/settings/routes/data-model/new-collection.vue b/app/src/modules/settings/routes/data-model/new-collection.vue
@@ -80,8 +80,7 @@
 							v-model="info.name"
 							class="monospace"
 							:class="{ active: info.enabled }"
-							clickable
-							@click="info.enabled = true"
+							@focus="info.enabled = true"
 						>
 							<template #prepend>
 								<v-checkbox v-model="info.enabled" />