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] v-text-field append-icon click handler does not support keyboard input #20864

Open
its-bru opened this issue Jan 14, 2025 · 0 comments · May be fixed by #20878
Open

[Bug Report][3.7.6] v-text-field append-icon click handler does not support keyboard input #20864

its-bru opened this issue Jan 14, 2025 · 0 comments · May be fixed by #20878
Assignees
@J-Sek
Labels
a11y Accessibility issue C: VField C: VInput VInput S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected

Comments

@its-bru
Copy link

its-bru commented Jan 14, 2025

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

With a v-text-field an inner-icon and a password field just like the docs for password input (https://vuetifyjs.com/en/components/text-fields/#password-input).

Using the keyboard tab to the 'eye', press the spacebar and notice it does not 'click' the button or fire the event.

Expected Behavior

Pressing the spacebar on the inner-icon should 'click' the button or emit the event

Actual Behavior

Does not emit an event

Reproduction Link

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

Other comments

I believe this used to work. I would guess Vue 3.4 and a similar Vuetify version released/active around August ish of 24.
@J-Sek J-Sek self-assigned this Jan 17, 2025
@J-Sek J-Sek added T: bug Functionality that does not work as intended/expected C: VField labels Jan 17, 2025
@J-Sek J-Sek linked a pull request Jan 17, 2025 that will close this issue
Open
@J-Sek J-Sek added a11y Accessibility issue C: VInput VInput S: has PR The issue has a pending Pull Request labels Jan 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@J-Sek J-Sek

Labels
a11y Accessibility issue C: VField C: VInput VInput S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(VField, VInput): emit click:* events using keyboard J-Sek/vuetify
2 participants
@J-Sek @its-bru