Skip to content

[Bug Report][3.9.0] VNumberInput does not reflect v-model changes when prepend-inner icon was clicked #21735

Open
@DEberhardBrelag

Description

@DEberhardBrelag

Environment

Vuetify Version: 3.9.0
Vue Version: 3.5.17
Browsers: Chrome 137.0.0.0
OS: Windows

Steps to reproduce

  1. Create VNumberInput field with v-model and prepend-inner-icon
  2. Use @click:prepend-inner to change the model value.
  3. Watch how clicking on the prepend-inner-icon behaves not as expected.

Expected Behavior

click on the prepend-inner-icon should execute the defined function and if this changes the model used in v-model, it should reflect this changes inside the input field. It propably should not focus the input field.

Actual Behavior

clicking on the inner-icon focuses the input field and executes the function. It does not reflect changes made to the ref, but overrides the ref value when focus is lost (f.ex. click outside the input field)

Reproduction Link

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

Other comments

There are verry similar issues from 2017:
#1859
#1726

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions