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

Input components - keyboard handling #1534

Closed
13 tasks done
vladitasev opened this issue Apr 27, 2020 · 3 comments · Fixed by #2166
Closed
13 tasks done

Input components - keyboard handling #1534

vladitasev opened this issue Apr 27, 2020 · 3 comments · Fixed by #2166
Labels
High Prio TOPIC B TOPIC RL
Milestone
1.0.0-rc.9

Comments

@vladitasev
Copy link
Contributor

vladitasev commented Apr 27, 2020 •
edited by ilhan007
Loading

This is an epic to track the progress on keyboard handling for all input elements:

  • Select
  • Combobox
  • MultiCombobox
  • MultiInput
  • Input
  • Input suggestions
  • Date Picker
  • Date Time Picker
  • Date Range Picker
  • Duration Picker
  • Time Picker
  • File Uploader
  • Textarea
@fifoosid fifoosid self-assigned this May 28, 2020
This was referenced May 29, 2020
Merged
Merged
@fifoosid fifoosid mentioned this issue Jun 11, 2020
Merged
@vladitasev
Copy link
Contributor Author

vladitasev commented Aug 10, 2020 •
edited by ilhan007
Loading

Team Balkan: Please review if the following components implement the full keyboard specification and fill the gaps, wherever necessary:

  • DatePicker
  • TimePicker / DurationPicker (same spec as TimePicker)
  • DateTimePicker
  • DateRangePicker

@ilhan007
Copy link
Member

ComboBox: #2073

@ilhan007 ilhan007 added this to Top Priorities in UI5 Web Components - Roadmap via automation Aug 12, 2020
This was referenced Aug 14, 2020
Merged
Merged
ilhan007 pushed a commit that referenced this issue Aug 18, 2020
@tsanislavgatev
feat(ui5-time-picker): improve keyboard handling support (#2092)
20c55ed 
PageUp: Hours + 1, PageDown: Hours - 1, PageUp + Shift : Minutes + 1
PageDown + Shift: Minutes - 1, PageUp + Shift + Ctrl: Seconds + 1, PageDown + Shift + Ctrl: Seconds - 1

Related to: #1534
@ilhan007 ilhan007 moved this from Top Priorities to 1.0.0-rc.9 (planned for Oct, 2020) in UI5 Web Components - Roadmap Aug 19, 2020
@ilhan007
Copy link
Member

The following components will planned in TEAM RILA

MultiCombobox
MultiInput

ilhan007 pushed a commit that referenced this issue Aug 21, 2020
@tsanislavgatev
feat(ui5-duration-picker): implement keyboard handling support (#2095)
7ec3c43 
Fixed one keyboard handling bug and added new features:
PageUp - Hours + 1
PageDown - Hours - 1
PageUp + Shift - Minutes + 1
PageDown + Shift - Minutes - 1
PageUp + Shift + Ctrl - Seconds + 1
PageDown + Shift + Ctrl - Seconds - 1

Related to: #1534
@tsanislavgatev tsanislavgatev mentioned this issue Aug 25, 2020
Merged
ilhan007 pushed a commit that referenced this issue Aug 25, 2020
@tsanislavgatev
feat(ui5-datetime-picker): improve keyboard handling support (#2137)
0ada41a 
Now you can navigate with arrows between the sliders.

Related to #1534
@ilhan007 ilhan007 moved this from 1.0.0-rc.9 (planned for Oct, 2020) to TEAM BALKAN ISSUES in UI5 Web Components - Roadmap Aug 25, 2020
@ilhan007 ilhan007 moved this from TEAM BALKAN ISSUES to TEAM RILA ISSUES in UI5 Web Components - Roadmap Aug 25, 2020
@ilhan007 ilhan007 moved this from TEAM RILA ISSUES to TEAM BALKAN ISSUES in UI5 Web Components - Roadmap Aug 25, 2020
@ilhan007 ilhan007 pinned this issue Aug 25, 2020
@ilhan007 ilhan007 added this to the 1.0.0-rc.9 milestone Aug 25, 2020
@ivoplashkov ivoplashkov mentioned this issue Sep 1, 2020
Merged
@ilhan007 ilhan007 moved this from TEAM BALKAN ISSUES to TEAM RILA ISSUES in UI5 Web Components - Roadmap Sep 2, 2020
@ilhan007 ilhan007 added this to Team Rila in Planning - Topic Core Sep 4, 2020
@ilhan007 ilhan007 removed this from TEAM RILA ISSUES in UI5 Web Components - Roadmap Sep 4, 2020
@ilhan007 ilhan007 reopened this Sep 4, 2020
This was referenced Sep 4, 2020
Merged
Merged
@ilhan007 ilhan007 moved this from Team RL to Team B in Planning - Topic Core Sep 23, 2020
ilhan007 pushed a commit that referenced this issue Sep 23, 2020
@unazko
feat(ui5-date-picker): keyboard handling improvement (#2146)
19afe90 
the following keyboard handling enhancements are implemented:
DatePicker
[PAGEDOWN] - Decrements the corresponding day of the month by one
[SHIFT] + [PAGEDOWN] - Decrements the corresponding month by one
[SHIFT] + [CTRL] + [PAGEDOWN] - Decrements the corresponding year by one
[PAGEUP] - Increments the corresponding day of the month by one
[SHIFT] + [PAGEUP] - Increments the corresponding month by one
[SHIFT] + [CTRL] + [PAGEUP] - Increments the corresponding year by one
Calendar
[F4] - Shows month picker
[SHIFT] + [F4] - Shows year picker
Day picker
[PAGEUP] - Navigate to the previous month
[PAGEDOWN] - Navigate to the next month
[SHIFT] + [PAGEUP] - Navigate to the previous year
[SHIFT] + [PAGEDOWN] - Navigate to the next year
[CTRL] + [SHIFT] + [PAGEUP] - Navigate ten years backwards
[CTRL] + [SHIFT] + [PAGEDOWN] - Navigate ten years forwards
 Month picker
[PAGEUP] - Navigate to the previous month
[PAGEDOWN] - Navigate to the next month
 Year picker
[PAGEUP] - Navigate to the previous year range
[PAGEDOWN] - Navigate the next year range

Related to: #1534
@ilhan007 ilhan007 unpinned this issue Oct 6, 2020
@ilhan007 ilhan007 added this to 1.0.0-rc.9 (start of Oct, 2020) in UI5 Web Components - Roadmap Oct 6, 2020
ilhan007 pushed a commit that referenced this issue Oct 17, 2020
@tsanislavgatev @ilhan007
feat(ui5-duration-picker): implement keyboard handling support (#2095)
1052e20 
Fixed one keyboard handling bug and added new features:
PageUp - Hours + 1
PageDown - Hours - 1
PageUp + Shift - Minutes + 1
PageDown + Shift - Minutes - 1
PageUp + Shift + Ctrl - Seconds + 1
PageDown + Shift + Ctrl - Seconds - 1

Related to: #1534
ilhan007 pushed a commit that referenced this issue Oct 17, 2020
@tsanislavgatev @ilhan007
feat(ui5-datetime-picker): improve keyboard handling support (#2137)
7347d69 
Now you can navigate with arrows between the sliders.

Related to #1534
ilhan007 pushed a commit that referenced this issue Oct 17, 2020
@unazko @ilhan007
feat(ui5-date-picker): keyboard handling improvement (#2146)
56827b0 
the following keyboard handling enhancements are implemented:
DatePicker
[PAGEDOWN] - Decrements the corresponding day of the month by one
[SHIFT] + [PAGEDOWN] - Decrements the corresponding month by one
[SHIFT] + [CTRL] + [PAGEDOWN] - Decrements the corresponding year by one
[PAGEUP] - Increments the corresponding day of the month by one
[SHIFT] + [PAGEUP] - Increments the corresponding month by one
[SHIFT] + [CTRL] + [PAGEUP] - Increments the corresponding year by one
Calendar
[F4] - Shows month picker
[SHIFT] + [F4] - Shows year picker
Day picker
[PAGEUP] - Navigate to the previous month
[PAGEDOWN] - Navigate to the next month
[SHIFT] + [PAGEUP] - Navigate to the previous year
[SHIFT] + [PAGEDOWN] - Navigate to the next year
[CTRL] + [SHIFT] + [PAGEUP] - Navigate ten years backwards
[CTRL] + [SHIFT] + [PAGEDOWN] - Navigate ten years forwards
 Month picker
[PAGEUP] - Navigate to the previous month
[PAGEDOWN] - Navigate to the next month
 Year picker
[PAGEUP] - Navigate to the previous year range
[PAGEDOWN] - Navigate the next year range

Related to: #1534
ilhan007 pushed a commit that referenced this issue Oct 17, 2020
@unazko @ilhan007
feat(ui5-daterange-picker): enhance keyboard handling (#2179)
e9e7ad4 
Depending on the caret symbol position, the corresponding date gets incremented
or decremented with one unit of measure by using the following keyboard
combinations:
[PAGEDOWN] - Decrements the corresponding day of the month by one
[SHIFT] + [PAGEDOWN] - Decrements the corresponding month by one
[SHIFT] + [CTRL] + [PAGEDOWN] - Decrements the corresponding year by one
[PAGEUP] - Increments the corresponding day of the month by one
[SHIFT] + [PAGEUP] - Increments the corresponding month by one
[SHIFT] + [CTRL] + [PAGEUP] - Increments the corresponding year by one

Fixes #1534
ilhan007 pushed a commit that referenced this issue Nov 11, 2020
@tsanislavgatev @ilhan007
feat(ui5-time-picker): improve keyboard handling support (#2092)
d2e5d95 
PageUp: Hours + 1, PageDown: Hours - 1, PageUp + Shift : Minutes + 1
PageDown + Shift: Minutes - 1, PageUp + Shift + Ctrl: Seconds + 1, PageDown + Shift + Ctrl: Seconds - 1

Related to: #1534
ilhan007 pushed a commit that referenced this issue Nov 11, 2020
@tsanislavgatev @ilhan007
feat(ui5-duration-picker): implement keyboard handling support (#2095)
bfdd31c 
Fixed one keyboard handling bug and added new features:
PageUp - Hours + 1
PageDown - Hours - 1
PageUp + Shift - Minutes + 1
PageDown + Shift - Minutes - 1
PageUp + Shift + Ctrl - Seconds + 1
PageDown + Shift + Ctrl - Seconds - 1

Related to: #1534
ilhan007 pushed a commit that referenced this issue Nov 11, 2020
@tsanislavgatev @ilhan007
feat(ui5-datetime-picker): improve keyboard handling support (#2137)
1091ea8 
Now you can navigate with arrows between the sliders.

Related to #1534
ilhan007 pushed a commit that referenced this issue Nov 11, 2020
@unazko @ilhan007
feat(ui5-date-picker): keyboard handling improvement (#2146)
6e5ab34 
the following keyboard handling enhancements are implemented:
DatePicker
[PAGEDOWN] - Decrements the corresponding day of the month by one
[SHIFT] + [PAGEDOWN] - Decrements the corresponding month by one
[SHIFT] + [CTRL] + [PAGEDOWN] - Decrements the corresponding year by one
[PAGEUP] - Increments the corresponding day of the month by one
[SHIFT] + [PAGEUP] - Increments the corresponding month by one
[SHIFT] + [CTRL] + [PAGEUP] - Increments the corresponding year by one
Calendar
[F4] - Shows month picker
[SHIFT] + [F4] - Shows year picker
Day picker
[PAGEUP] - Navigate to the previous month
[PAGEDOWN] - Navigate to the next month
[SHIFT] + [PAGEUP] - Navigate to the previous year
[SHIFT] + [PAGEDOWN] - Navigate to the next year
[CTRL] + [SHIFT] + [PAGEUP] - Navigate ten years backwards
[CTRL] + [SHIFT] + [PAGEDOWN] - Navigate ten years forwards
 Month picker
[PAGEUP] - Navigate to the previous month
[PAGEDOWN] - Navigate to the next month
 Year picker
[PAGEUP] - Navigate to the previous year range
[PAGEDOWN] - Navigate the next year range

Related to: #1534
ilhan007 pushed a commit that referenced this issue Nov 11, 2020
@unazko @ilhan007
feat(ui5-daterange-picker): enhance keyboard handling (#2179)
d0bb4ad 
Depending on the caret symbol position, the corresponding date gets incremented
or decremented with one unit of measure by using the following keyboard
combinations:
[PAGEDOWN] - Decrements the corresponding day of the month by one
[SHIFT] + [PAGEDOWN] - Decrements the corresponding month by one
[SHIFT] + [CTRL] + [PAGEDOWN] - Decrements the corresponding year by one
[PAGEUP] - Increments the corresponding day of the month by one
[SHIFT] + [PAGEUP] - Increments the corresponding month by one
[SHIFT] + [CTRL] + [PAGEUP] - Increments the corresponding year by one

Fixes #1534
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
High Prio TOPIC B TOPIC RL
Projects
None yet
Milestone
1.0.0-rc.9
Development

Successfully merging a pull request may close this issue.

feat(ui5-multiinput, ui5-multi-combobox): implement keyboard handling ivoplashkov/ui5-webcomponents
3 participants
@ilhan007 @vladitasev @fifoosid