N
Nuxt•2mo ago
lorenzofiamingo

Focus Nuxt UI UInput

I would like to know how to focus UInput (Nuxt UI v3). I tried this 2 methods but aren't working: Method 1 
const nameInput = useTemplateRef('nameInput')
const input = nameInput.value?.$el.querySelector('input') // return the correct input
input.focus() // doesn't work
const nameInput = useTemplateRef('nameInput')
const input = nameInput.value?.$el.querySelector('input') // return the correct input
input.focus() // doesn't work
Method 2 
const nameInput = useTemplateRef('nameInput')
const input = nameInput.value?.$refs.input as any // return undefined
input.focus() // doesn't work (since it's undefined)
const nameInput = useTemplateRef('nameInput')
const input = nameInput.value?.$refs.input as any // return undefined
input.focus() // doesn't work (since it's undefined)
Method 2 was suggested by the creator of NuxtUI, so probably it's just outdated for v3: https://github.com/nuxt/ui/issues/318
GitHub
[Input] Expose a focus method · Issue #318 · nuxt/ui
Is your feature request related to a problem? Please describe. I want to define a shortcut to focus an Input Describe the solution you'd like The Input component should expose a focus method to...
2 Replies
kapa.ai
kapa.ai•2mo ago
Hi @lorenzofiamingo. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Hmm, I don't know enough to give you a confident answer yet. You might want to check the Nuxt UI documentation for more information on how to work with the UInput component in Nuxt UI v3. If the methods you tried are not working, it could be due to changes in the API or implementation details that are not covered in the provided knowledge sources. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai•2mo ago
<@781217973053423616> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Did you find this page helpful?