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

feat(ui5-combobox): add full keyboard handling #4494

Merged
merged 5 commits into from
Jan 14, 2022
Merged

feat(ui5-combobox): add full keyboard handling #4494

merged 5 commits into from
Jan 14, 2022

Conversation

stbodurov
Copy link
Contributor

@stbodurov stbodurov commented Dec 15, 2021

The keyboard specification for the ComboBox is now fully implemented, with the addition of the following keys:

  • F4, ALT+UP/DOWN- Toggles the picker.
  • PAGEDOWN - Moves selection down by page size (10 items by default).
  • PAGEUP - Moves selection up by page size (10 items by default).
  • HOME - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item.
  • END - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item.

Related to: #3090

@stbodurov stbodurov marked this pull request as draft December 16, 2021 18:51
@stbodurov stbodurov marked this pull request as ready for review December 18, 2021 20:14
@stbodurov stbodurov requested a review from d3xter666 December 18, 2021 20:17
d3xter666
d3xter666 previously approved these changes Dec 21, 2021
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/src/ComboBox.js Outdated Show resolved Hide resolved
packages/main/test/specs/ComboBox.spec.js Outdated Show resolved Hide resolved
packages/main/test/specs/ComboBox.spec.js Outdated Show resolved Hide resolved
@ndeshev
Copy link
Contributor

ndeshev commented Jan 10, 2022

[ALT]+[UP]/[DOWN],[F4] issues with the focus on open and text selection on close remain

@stbodurov stbodurov requested a review from ndeshev January 11, 2022 06:51
Copy link
Contributor

@ndeshev ndeshev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When F4 or Alt+Arr is used to open the picker the focus should go to the first item (and it should also be selected), it works only if there is not a value state present. If it is - the value state is focused, which is wrong.

Otherwise the changes looks fine.

packages/main/src/ComboBox.js Show resolved Hide resolved
@stbodurov stbodurov requested a review from ndeshev January 11, 2022 19:51
@stbodurov stbodurov closed this Jan 12, 2022
@stbodurov stbodurov reopened this Jan 12, 2022
@stbodurov stbodurov requested a review from fifoosid January 14, 2022 07:25
@stbodurov stbodurov merged commit fd4bb50 into SAP:master Jan 14, 2022
@stbodurov stbodurov deleted the cboxkh branch January 14, 2022 08:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants