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.

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

Material date picker is not focusable with a keyboard #49809

Closed
gmoraja opened this issue Jan 30, 2020 · 3 comments
Closed

Material date picker is not focusable with a keyboard #49809

gmoraja opened this issue Jan 30, 2020 · 3 comments
Assignees
Labels
a: accessibility Accessibility, e.g. VoiceOver or TalkBack. (aka a11y) a: desktop Running on desktop customer: soldier f: date/time picker Date or time picker widgets f: focus Focus traversal, gaining or losing focus f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. P1 High-priority issues at the top of the work list

Comments

@gmoraja
Copy link

gmoraja commented Jan 30, 2020

@goderbauer
@gspencergoog
@lorenzOliveto

@VladyslavBondarenko VladyslavBondarenko added a: desktop Running on desktop customer: soldier f: date/time picker Date or time picker widgets f: focus Focus traversal, gaining or losing focus f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. severe: customer critical labels Jan 30, 2020
@darrenaustin darrenaustin self-assigned this Jan 31, 2020
@darrenaustin darrenaustin added this to the August 2020 milestone Feb 11, 2020
@xster xster added the a: accessibility Accessibility, e.g. VoiceOver or TalkBack. (aka a11y) label Mar 17, 2020
@kf6gpe kf6gpe added the P1 High-priority issues at the top of the work list label May 29, 2020
@darrenaustin
Copy link
Contributor

The following PRs complete the support for keyboard navigation in the Material Date Pickers:

#59279
#59310
#59586
#60497

To traverse the date pickers you can use the standard Tab/Shift-Tab to navigate between controls of the pickers. However, when you get to the day grid, tab will only traverse into and out of the grid. To navigate the keyboard focus within the grid you can use the following:

Key Action
Tab move focus to next element outside grid
Shift-Tab move focus to previous element outside grid
Left Arrow move focus to previous day
Right Arrow move focus to next day
Up Arrow move focus to previous week
Down Arrow move focus to next week
Enter / Space select the currently focused day

@gmoraja
Copy link
Author

gmoraja commented Jul 18, 2020

@darrenaustin thanks for working on this. Everything seems to work fine, except the fact that the focus doesn't move out of the "minutes" field. Using the Tab key creates extra space inside the field, instead of moving the focus to the next element. If needed, I can upload a video to show you the behavior. Should I open a new issue or continue the conversation on this thread?

@github-actions
Copy link

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Aug 18, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
a: accessibility Accessibility, e.g. VoiceOver or TalkBack. (aka a11y) a: desktop Running on desktop customer: soldier f: date/time picker Date or time picker widgets f: focus Focus traversal, gaining or losing focus f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. P1 High-priority issues at the top of the work list
Projects
None yet
Development

No branches or pull requests

6 participants