Skip to content
This repository has been archived by the owner on Apr 17, 2022. It is now read-only.

Form is inaccessible via keyboard. #49

Closed
lbagic opened this issue Nov 24, 2021 · 3 comments
Closed

Form is inaccessible via keyboard. #49

lbagic opened this issue Nov 24, 2021 · 3 comments
Labels
enhancement New feature or request
Milestone

Comments

@lbagic
Copy link

lbagic commented Nov 24, 2021

Describe the bug
When datepicker is opened, there is no way to focus and select values via keyboard.

To Reproduce

  1. Click input field (datepicker opens, focus stays on input); focusing input with tab key does not open datepicker at all though.
  2. Press tab (focus goes away from input and closes datepicker)

Expected behavior

  1. Focus input (input emits focus event, datepicker opens, focus shifts to datepicker, input does not emit a blur event)
  2. Pressing tab should cycle focus on datepicker elements, pressing arrows should increment/decrement values
  3. Pressing space/enter should confirm selection (pressing esc should close the datepicker) and emit blur event.

Screenshots
video - https://drive.google.com/file/d/1O8y7BOiE4r-IdztgoqWwEDKgJZPh8nkP/view?usp=sharing

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context
Additional but closely connected feature request: Consider implementing @focus/@blur events. The ability to control and manage input via javascript is hindered because there is no sensible way of knowing when the input or datepicker was focued/blurred even with extensive workardounds.

@Jasenkoo
Copy link
Contributor

Will add. I would consider this more of an enhancement instead of a bug.

@Jasenkoo Jasenkoo self-assigned this Nov 24, 2021
@Jasenkoo Jasenkoo added the enhancement New feature or request label Nov 24, 2021
@Jasenkoo Jasenkoo added this to the v2.4.0 milestone Nov 24, 2021
@lbagic
Copy link
Author

lbagic commented Nov 25, 2021

Actually there is option to open popup on focus - https://vue3datepicker.com/api/props/#textinputoptions 👍 accessibility issue (keyboard) still stands but overall its a solid plugin.

@Jasenkoo Jasenkoo removed their assignment Nov 28, 2021
@Jasenkoo
Copy link
Contributor

Version 2.4.0 is now live with included enhancmeents

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants