vuetifyjs/vuetify

[Bug Report][3.10.7] VAutocomplete's input value

Open

#22270 opened on Oct 30, 2025

View on GitHub
 (1 comment) (1 reaction) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import
C: VAutocompleteT: buggood first issue

Description

Environment

Vuetify Version: 3.10.7 Vue Version: 3.5.21 OS: macOS 10.15.7 (current)

Steps to reproduce

  1. Open the repro and inspect DOM to see that input value is empty

Expected Behavior

When I have an autocomplete component with items and a default value with v-model or :model-value I would expect component's input value to be populized. It used to be like that in Vuetify 2.* and we had lots of Cypress tests counting on that the input's value is filled.

Actual Behavior

Input's value is empty until you click/interact with the component. It's also cleared after selection or blur.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Is this intentional change?

Images

Contributor guide

Tech stack
vuetypescript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
VueVuetifyVAutocomplete
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Look at the VAutocomplete component source in the vuetify repo, focusing on how modelValue is used to set the input value. The reproduction shows that the input value is empty initially but should be populated. Investigate the code that handles initial value display and updates on selection/blur.