Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug Report][3.7.6] Independently disabled VFields or nested in a disabled VForm are can be cleared when using ENTER on a focused clearable icon #20818

Open
3dyuval opened this issue Dec 30, 2024 · 1 comment · May be fixed by #20821
Open

[Bug Report][3.7.6] Independently disabled VFields or nested in a disabled VForm are can be cleared when using ENTER on a focused clearable icon #20818

3dyuval opened this issue Dec 30, 2024 · 1 comment · May be fixed by #20821
Labels
S: triage

Comments

@3dyuval
Copy link

3dyuval commented Dec 30, 2024

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Linux x86_64

Steps to reproduce

  1. Create a v-form:disabled with nested v-fields
  2. use TAB to focus on clearable icon of one of the fields
  3. Click ENTER on the keyboard
  4. Create any v-field:disabled and repeat step 2 and 3

Expected Behavior

Clicking enter should not clear field or change its model

Actual Behavior

Clicking on enter clears the underlying model

Reproduction Link

https://play.vuetifyjs.com/#...
@babu-ch babu-ch linked a pull request Dec 31, 2024 that will close this issue
Open
@TedVu
Copy link

TedVu commented Jan 2, 2025

Expected behaviour

The field is not focusable and the clear button will not appear.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
S: triage
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(VField): prevent rendering clear button when disabled babu-ch/vuetify
2 participants
@3dyuval @TedVu