[Feature Request] VFileInput should accept autofocus prop

[xmorell]

Problem to solve

We will be able to set the prop of autofocus to VFileInput

Proposed solution

Being able to open a form with the focus on the VFieldInput.

https://play.vuetifyjs.com/#eNpVz0sKwyAQBuCryKwTgy3dFBvoppeoXVgZQbA6RM2m9O41poVk98/HMI/7G9JkhisRnwvCGWTGF3mdcVSBMTn3mqjFVpgYsnYBpx81tM5j7wKVzLx+or8ouFVijRQwXXK00ZQ0ymHb/R9bcT93kXWtHDbnwKeDIz/xg4AlCMFrsNon7HZPrPb4Ath3RqY=

[J-Sek]

I suspect it might not be very clear to the end-users as the field does not have a cursor that blinks. Native <input type="file" /> does not seem to support it either. Is there some UX context to this request or a compelling design? Otherwise I would prefer the workaround over a questionable feature.

[xmorell]

I think consistency is the main reason to support this.

From a UX perspective, having the component focused matters even if the cursor doesn’t blink. When is focused, the user can open the file dialog using the keyboard (Space or Enter) without needing to switch to the mouse. This keeps keyboard navigation consistent with all other input types.

It used to work on Vuetify2.

I’m currently using the workaround:

But I have 2 situations on my app where I would use this,

• I have a dynamic program that shows forms to the user with the first field focused, and realized that when the first field is a VFileInput, the autofocus was not working.
• I have a custom data-grid, where the user can edit the data, and when double click is done to a cell, i change the cell to show there the input field (usually with the focus on it, so the user can start typing). On this situation i realized that vFileInput autofocus is not working (without the workaround).