Skip to content

[Combobox]: Unable to navigate to the suggested items at the bottom of the dropdown using the arrow key. #11370

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

Closed
1 task done
AlexYanSap opened this issue Apr 22, 2025 · 4 comments
Assignees
Labels
bug This issue is a bug in the code Medium Prio SAP SF TOPIC RL

Comments

@AlexYanSap
Copy link

Bug Description

Bug Description:
When navigating the combobox dropdown using the keyboard, the user is unable to reach the suggested items at the bottom of the list using the down arrow key.

Expected Behavior:
Users should be able to navigate through all suggested items in the dropdown using the arrow keys, including those at the bottom.

Reproduction steps:

  1. Check the demo link
  2. type 'act' in the input
  3. try to navigate to the items in the bottom of the dropdown list
  4. 'Activi123' is not reachable
Image

Affected Component

Combobox

Expected Behaviour

Expected Behavior:
Users should be able to navigate through all suggested items in the dropdown using the arrow keys, including those at the bottom.

Isolated Example

https://sap.github.io/ui5-webcomponents/play/#eyJpbmRleC5odG1sIjp7Im5hbWUiOiJpbmRleC5odG1sIiwiY29udGVudCI6IjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPCFET0NUWVBFIGh0bWw-XG48aHRtbCBsYW5nPVwiZW5cIj5cblxuXG5cblxuPGhlYWQ-XG4gICAgXG4gICAgPHN0eWxlPlxuICAgICAgKjpub3QoOmRlZmluZWQpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cblxuICAgIGh0bWwge1xuICAgICAgZm9yY2VkLWNvbG9yLWFkanVzdDogbm9uZTtcbiAgICB9XG4gICAgPC9zdHlsZT5cblxuICAgIFxuICAgIDxzdHlsZT5cbiAgICAgICo6bm90KDpkZWZpbmVkKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG5cbiAgICBodG1sIHtcbiAgICAgIGZvcmNlZC1jb2xvci1hZGp1c3Q6IG5vbmU7XG4gICAgfVxuICAgIDwvc3R5bGU-XG5cbiAgICBcbiAgICA8c3R5bGU-XG4gICAgICAqOm5vdCg6ZGVmaW5lZCkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb3JjZWQtY29sb3ItYWRqdXN0OiBub25lO1xuICAgIH1cbiAgICA8L3N0eWxlPlxuXG4gICAgPG1ldGEgY2hhcnNldD1cIlVURi04XCI-XG4gICAgPG1ldGEgbmFtZT1cInZpZXdwb3J0XCIgY29udGVudD1cIndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjBcIj5cbiAgICA8dGl0bGU-U2FtcGxlPC90aXRsZT5cbjwvaGVhZD5cblxuPGJvZHkgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYXBCYWNrZ3JvdW5kQ29sb3IpOyBoZWlnaHQ6IDMwMHB4XCI-XG4gICAgPCEtLSBwbGF5Z3JvdW5kLWZvbGQtZW5kIC0tPlxuXG4gICAgPHVpNS1jb21ib2JveCBpZD1cImNvbWJvXCIgdmFsdWU9XCJEZW5tYXJrXCIgc2hvdy1jbGVhci1pY29uPlxuICAgICAgICA8dWk1LWNiLWl0ZW0gdGV4dD1cIkFjdFwiPjwvdWk1LWNiLWl0ZW0-XG4gICAgICAgIDx1aTUtY2ItaXRlbSB0ZXh0PVwiQnVsZ2FyaWFcIj48L3VpNS1jYi1pdGVtPlxuICAgICAgICA8dWk1LWNiLWl0ZW0gdGV4dD1cIkdlcm1hbnlcIj48L3VpNS1jYi1pdGVtPlxuICAgICAgICA8dWk1LWNiLWl0ZW0gdGV4dD1cIkFjdGl2aVwiPjwvdWk1LWNiLWl0ZW0-XG4gICAgICAgIDx1aTUtY2ItaXRlbSB0ZXh0PVwiU3BhaW5cIj48L3VpNS1jYi1pdGVtPlxuICAgICAgICA8dWk1LWNiLWl0ZW0gdGV4dD1cIkFjdGl2aVwiPjwvdWk1LWNiLWl0ZW0-XG4gICAgICAgPHVpNS1jYi1pdGVtIHRleHQ9XCJBY3RpdmkxMjNcIj48L3VpNS1jYi1pdGVtPlxuICAgIDwvdWk1LWNvbWJvYm94PlxuICAgIDwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuICAgIDxzY3JpcHQgdHlwZT1cIm1vZHVsZVwiIHNyYz1cIm1haW4uanNcIj48L3NjcmlwdD5cbjwvYm9keT5cblxuPC9odG1sPlxuPCEtLSBwbGF5Z3JvdW5kLWZvbGQtZW5kIC0tPlxuIn0sIm1haW4uanMiOnsibmFtZSI6Im1haW4uanMiLCJjb250ZW50IjoiLyogcGxheWdyb3VuZC1oaWRlICovXG5pbXBvcnQgXCIuL3BsYXlncm91bmQtc3VwcG9ydC5qc1wiO1xuLyogcGxheWdyb3VuZC1oaWRlLWVuZCAqL1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvQ29tYm9Cb3guanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy9kaXN0L0NvbWJvQm94SXRlbS5qc1wiO1xuXG5cbmNvbnN0IGNvbWJvPWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwiY29tYm9cIik7XG5sZXQgc2VsZWN0ZWRJdGVtID0gbnVsbDtcblxuY29tYm8uYWRkRXZlbnRMaXN0ZW5lcihcInVpNS1zZWxlY3Rpb24tY2hhbmdlXCIsIChlKSA9PiB7XG4gIHNlbGVjdGVkSXRlbSA9IGUuZGV0YWlsLml0ZW07XG59KTtcblxuY29tYm8uYWRkRXZlbnRMaXN0ZW5lcihcInVpNS1jaGFuZ2VcIiwgKGUpID0-IHtcbiAgY29uc29sZS5sb2coXCJpdGVtOlwiICsgc2VsZWN0ZWRJdGVtLnRleHQpO1xufSkifX0

Steps to Reproduce

As described above

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.9.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP SF

Declaration

  • I’m not disclosing any internal or sensitive information.
@TeodorTaushanov
Copy link
Member

Hello @SAP/ui5-webcomponents-topic-rl, can you check this issue?

@hristop
Copy link
Contributor

hristop commented May 8, 2025

May be relates to #11239

@hristop
Copy link
Contributor

hristop commented May 8, 2025

Hi @AlexYanSap ,

We will handle this in #11239 as the root cause of the issue is connected. Once we do proper evaluation of how top best handle this use case mentioned there, we will implement and make sure that the issue mentioned here is also taken into account.

Best Regards,
Hristo

@hristop hristop closed this as completed May 8, 2025
@github-project-automation github-project-automation bot moved this from In progress to Completed in Maintenance - Topic RL May 8, 2025
Copy link

github-actions bot commented May 8, 2025

This issue has been closed. To reopen, just leave a comment!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug This issue is a bug in the code Medium Prio SAP SF TOPIC RL
Projects
Status: Completed
Development

Successfully merging a pull request may close this issue.

4 participants