SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.58k stars 269 forks source link

[F6Navigation | UI5WC]: Fast Navigation does not work as expected in the Learning Home Page #10236

Open rama1990br opened 4 days ago

rama1990br commented 4 days ago

Bug Description

Fast navigation via F6 is not working as expected in Learning Home Page. This was supposed to be fixed as part of https://github.com/SAP/ui5-webcomponents/issues/7201 but looks like it hasn't been fixed.

The group skipping is getting stuck in the Learning home page as the focus is getting stuck in one of the "View all" links. As "View all" are repetitive links, I think those can be skipped and focus should not get stuck.

Affected Component

No response

Expected Behaviour

Focus is getting stuck in one of the "View all" links. As "View all" are repetitive links, I think those can be skipped and focus should not get stuck. The expectation is that each of the sections should receive focus on pressing F6 successively, since the implementation of all the sections is similar.

Isolated Example

No response

Steps to Reproduce

1) Log in to qacand (credentials provided in #sap-tech-ui5-wc-sfsf channel) 2) Click on the module picker and click on Learning 3) After being redirected to the learning home page, switch on the toggle for "New Learning Experience" on the top-right if not done already. 4) Execute fast navigation by pressing F6 successively and observe that the focus goes to the logo, then the "New Learning Experience" switch, then the banner carousel, and then to "Curriculum Compliance Expired" button, and then to the "View All" link till it gets stuck on one of them.

Link to the code where F6 is implemented for this page: https://github.wdf.sap.corp/xweb/homepage4/blob/master/src/components/HomepageSection/HomepageSection.js#L183

I wasn't able to reproduce this in the code sandbox since a lot of custom components are also being used in this page.

Log Output, Stack Trace or Screenshots

https://github.com/user-attachments/assets/43307cb1-56fe-42e2-8d42-a788412bd818

Priority

Medium

UI5 Web Components Version

2.3.0

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Organization

SAP SuccessFactors

Declaration

ivoplashkov commented 4 days ago

Hello @rama1990br,

Thanks for reaching out.

Unfortunately, I am currently unable to access the application to verify the behavior, because I get the following error:

Screenshot 2024-11-22 at 13 55 28

Could you please provide an isolated example where we can actually test this behavior? This will help us investigate the issue more efficiently and determine if there’s any further action needed.

Looking forward to your response. Best regards, Ivaylo

rama1990br commented 1 day ago

Hi @ivoplashkov, I just tried and I was able to log in to the qacand instance mentioned in #sap-tech-ui5-wc-sfsf slack channel. Can you please try again?