Skip to content

[Bug Report][3.12.2] VNumberInput input value can be changed when component is readonly. #22677

@VektorHL

Description

@VektorHL

Environment

Vuetify Version: 3.12.2
Vue Version: 3.5.17
OS: Linux

Steps to reproduce

  1. select any digit in field input.
  2. press "space" or any other key with non-digit char.
  3. select the remaining text in field input.
  4. repeat step 2.

Expected Behavior

Whenselect any part of the text inside input area of the number input and enter any char via keyboard - nothing happens.

Actual Behavior

When Iselect the whole text inside input and enter non-digit char via keyboard - model value changes to null. When select part of the input text and enter non-digit char - selected part is cut from input and model value.

Reproduction Link

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

Other comments

i use 3.9.0 in actual project but tested issue in play.vuetifyjs with later versions, and 3.10.5 is the last one where input value disappears only visually and model value remains, you need to unfocus field to bring it back. unpleasurable but acceptable as it's only visual. and since 3.10.6 it's not only visual but the model value is being changed which brakes expected data workflow.

Images

cdn.cosmicjs.com/32..b9-vokoscreen-2026-03-04.mkv broken link

Additional

Browser: Google Chrome
Browser Version: 145.0.7632.159

reproduction video
vokoscreenNG-2026-03-04_14-34-30.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    C: VNumberInputT: bugFunctionality that does not work as intended/expectedgood first issueA quick-win fix that would be great for new contributors

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions