Vuetify: [Bug Report] Textfields don't get focus when v-dialog is opened.

Created on 28 Jan 2020  路  5Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.2.4
Vue Version: 2.6.10
Browsers: Chrome 79.0.3945.130
OS: Windows 10

Steps to reproduce

Open the Link.
Click on "Open Dialog".
and then try to focus on any input field (the default one and the v-text-field).

Expected Behavior

The fields should be focused.

Actual Behavior

The fields don't get focus, but the first button in the v-dialog gets focus.

Reproduction Link

https://codepen.io/inyourface/pen/yLyrWxw

Other comments

I am using v-dialog and the problem I am facing is that whenever I try to focus any input field whether it's a default input or v-text-field, the first button in the v-dialog gets focus.
and if you try to remove the buttons the fields will be focused.

VTextField duplicate

Most helpful comment

Duplicate of #8640

Workaround: https://codepen.io/jkarczm/pen/zYxQKMJ

All 5 comments

Duplicate of #8845

@johnleider can you please explain why my issue is being closed? Have you seen the codepen? I don't have any auto-focus on the inputs. The issue you mentioned is for input field in the dialog, my issue is all about outside the v-dialog.

Duplicate of #8640

Workaround: https://codepen.io/jkarczm/pen/zYxQKMJ

Was this page helpful?
0 / 5 - 0 ratings