Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Focus $refs Input

See original GitHub issue

I see in the FAQ that you can change the input programmatically by using

this.$refs.name.searchInput

but can’t figure out a way to use focus(), ie

this.$refs.name.focus()
this.$refs.name.searchInput.focus()

Issue Analytics

State:
Created 5 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

darrenjenningscommented, Sep 25, 2019

@AndrewBogdanovTSS if you’re worried about it being too hacky (since my previous comment was the entire document), I would actually recommend doing it like this:

// <vue-autosuggest ref="autosuggest"
this.$refs.autosuggest.$el.querySelector("input").focus();

In this scenario, it is a native element method .focus, which I think is better left for the user to implement in lieu of vue-autosuggest handling it via prop or otherwise.

1reaction

chrispappascommented, Oct 31, 2018

I’m not sure this answers the question - if the original question was “how do I trigger a focus event (such that the input element itself is focused and typing will occur within the input)” then I am looking for a solution for this as well.