[Bug Report][2.6.6] V-Checkbox does not emit blur and focus events
See original GitHub issueEnvironment
Vuetify Version: 2.6.6 Vue Version: 2.6.14 Browsers: Chrome 101.0.4951.54 OS: Mac OS 10.15.7
Steps to reproduce
- Add a v-checkbox to a template
- Bind focus and/or blur listeners (@focus / @blur)
- Click checkbox
- Click outside checkbox
Expected Behavior
After 3., focus handler is triggered After 4. blur handler is triggered
Actual Behavior
After 3., focus handler is not triggered After 4. blur handler is not triggered
Reproduction Link
https://codepen.io/GuillaumeMeral/pen/xxpRXzN
Other comments
I already submitted this error here https://github.com/vuetifyjs/vuetify/issues/14862,
but the PR proposed by @KaelWD did not seem to fix the issue. The v-checkbox still does not trigger focus and blur handlers like a native input with type="checkbox"
would.
Sorry to seem persistent but the example in the reproduction link still behave the same as it did when i initially reported this. I also double checked that it loads the correct version of vuetify : https://unpkg.com/vuetify@2.6.6/dist/vuetify.js
If i missed something please tell me because this is becoming the source of multiple issues in my own project.
Issue Analytics
- State:
- Created a year ago
- Comments:5 (3 by maintainers)
Top GitHub Comments
Ok thanks for the quick answers ! If anyone stumbles upon this i manually emit focus and blur on click and click-outside as a workaround :
This works on click in v3