Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] Textfield autofocus not working when switching between pages using vue-router #5487

Closed
TheInvoker opened this issue Oct 30, 2018 · 3 comments · Fixed by skyYaga/skdvin-webapp#21 or anyulled/reactivewebflux#5
Assignees
Labels
C: VTextField VTextField T: bug Functionality that does not work as intended/expected
Milestone

Comments

@TheInvoker
Copy link

Versions and Environment

Vuetify: 1.3.4
Vue: 2.5.17
Browsers: Chrome 69.0.3497.100
OS: Windows 10

Steps to reproduce

Open nav drawer, click second link, then the text field does not autofocus.

As well, if the text field was open on default page, then the autofocus works, but then I switch page, and then go back, the autofocus does not work again.

Expected Behavior

The autofocus works on initial app load, and if I open the page again from nav drawer.

Actual Behavior

The autofocus doesn't activate when opening the page.

Reproduction Link

https://jsfiddle.net/rhevxaf6/

Other comments

Might work better if you save the html code to a file and then open it on browser. (because vuerouter checks for links in the url, and jsfiddle changes it)

@KaelWD
Copy link
Member

KaelWD commented Oct 30, 2018

The same thing happens with <input>, see vuejs/vue#8112

@TheInvoker
Copy link
Author

None of those solutions worked for me.

@johnleider johnleider added T: bug Functionality that does not work as intended/expected maybe Functionality that we are considering labels Nov 1, 2018
@marcus-hiles
Copy link

Hi, try implementing the fix I did here:
vuejs/vue#8112 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VTextField VTextField T: bug Functionality that does not work as intended/expected
Projects
None yet
5 participants