adding autofocus when showing menu create/edit modal
This commit is contained in:
@@ -53,6 +53,8 @@ const icon = ref(false)
|
|||||||
const open = ref(false)
|
const open = ref(false)
|
||||||
const show = () => {
|
const show = () => {
|
||||||
open.value = true
|
open.value = true
|
||||||
|
|
||||||
|
nextTick(() => self.refs.name?.focus())
|
||||||
}
|
}
|
||||||
|
|
||||||
const close = () => {
|
const close = () => {
|
||||||
@@ -191,6 +193,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
:searchable="true"
|
:searchable="true"
|
||||||
:createOption="true"
|
:createOption="true"
|
||||||
:value="form.route_or_url"
|
:value="form.route_or_url"
|
||||||
|
ref="route_or_url"
|
||||||
class="text-gray-800 placeholder:capitalize"
|
class="text-gray-800 placeholder:capitalize"
|
||||||
placeholder="route name or url" />
|
placeholder="route name or url" />
|
||||||
</div>
|
</div>
|
||||||
@@ -209,6 +212,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
:clearOnSelect="false"
|
:clearOnSelect="false"
|
||||||
:createTag="true"
|
:createTag="true"
|
||||||
mode="tags"
|
mode="tags"
|
||||||
|
ref="actives"
|
||||||
class="text-gray-800 placeholder:capitalize"
|
class="text-gray-800 placeholder:capitalize"
|
||||||
placeholder="actives" />
|
placeholder="actives" />
|
||||||
</div>
|
</div>
|
||||||
@@ -229,6 +233,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
|
|||||||
:closeOnSelect="false"
|
:closeOnSelect="false"
|
||||||
:clearOnSelect="false"
|
:clearOnSelect="false"
|
||||||
mode="tags"
|
mode="tags"
|
||||||
|
ref="permissions"
|
||||||
class="text-gray-800 placeholder:capitalize"
|
class="text-gray-800 placeholder:capitalize"
|
||||||
placeholder="permissions" />
|
placeholder="permissions" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user