Trigger focus on ui-textbox?

I have a ui-textbox inside a ui-confirm modal. I want the text input to be focused when the modal is shown, but using the autofocus directive doesn’t work.

I also tried adding a ref to the ui-textbox elemnt and call this.$refs.myInput.focus() but it didn’t do anything.

How can I manually focus the input, or make sure the input is focused when it is shown inside the modal?

[JosephusPaye]

Hi @Cristy94,

This is something I’ve needed recently as well, and will be part of the next release as a focus() method on UiTextbox. For now, you can use this:

this.$refs.myInput.$refs.input.focus();

[kilobyte2007]

@wbern for autofocusing on elements inside modals, this I created a directive in my project which call the focus() method on keen-ui textbox component (note that my modals are hidden with v-if):

Vue.directive('autofocus', {
  inserted (el, binding, vnode) {
    setTimeout(() => {
      vnode.componentInstance && vnode.componentInstance.focus()
    })
  }
})

…then use it like this:

<ui-textbox v-autofocus/>