SAP / ui5-webcomponents-react

A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
https://sap.github.io/ui5-webcomponents-react/
Apache License 2.0
426 stars 94 forks source link

[Filter Bar] : cannot tab to the next filter field in filters personalization setting dialogue. #5987

Closed Nakul-Narwal closed 1 week ago

Nakul-Narwal commented 1 week ago

Describe the bug

when I click on "Filters" and dialogue opens, when I try to TAB from one filter entry to another instead of going to the next entry it goes to the "OK" Button.

Isolated Example

https://sap.github.io/ui5-webcomponents-react/?path=/story/layouts-floorplans-filterbar--default

Reproduction steps

1.Go to the Filter Bar example 2.click on filters 3.press TAB once to get into the filter Field [StepInput]

  1. press TAB again.
  2. Istead of going to the next filter field it goes to the OK button ...

Expected Behaviour

should have gone to the next filter field [RatingIndicator]

Screenshots or Videos

Screenshot 2024-06-27 151239

UI5 Web Components for React Version

v1.29.2

UI5 Web Components Version

v1.24.5

Browser

Edge

Operating System

Windows

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

Lukas742 commented 1 week ago

Hi @Nakul-Narwal

this behavior is by design. The Table web component that is used here implements its own keyboard navigation and you can move between the rows by using the arrow keys. This is the standard behavior for most complex components (e.g. tables and lists).