search

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.47k stars 254 forks source link

Non-Visible Interactive Item in FlexibleColumnLayout #6610

Closed IrvinDelgado closed 8 months ago

IrvinDelgado commented 1 year ago

Bug Description

The user is able to tab into items that are not visible. Note this only happens before the right panel is shown.

Expected Behavior

I expect that if the items are not visible then they should not be accessible.

Steps to Reproduce

  1. Go to https://sap.github.io/ui5-webcomponents-react/?path=/docs/layouts-floorplans-flexiblecolumnlayout--docs
  2. Scroll All the way down to the section 'FlexibleColumnLayout with different columns'
  3. Keep pressing Tab until the focus is on the first list item
  4. Tab one more time and notice that the focus is not on the page anymore
  5. Hit Enter Then notice that popup will show, notice the image below

Isolated Example

If possible, please provide an isolated example by forking CodeSandbox.

Context

Log Output / Stack Trace / Screenshots

Screenshot 2023-02-28 at 3 56 02 PM

Priority

The priority indicates the severity of the issue. To set the appropriate priority consider the following criteria:

Note: The priority might be re-evaluated by the issue processor.

Stakeholder Info (if applicable)

NHristov-sap commented 1 year ago

Hello @ui5-webcomponents-topic-p,

To reproduce the issue, please follow the steps below:

  1. Go to https://sap.github.io/ui5-webcomponents-react/?path=/docs/layouts-floorplans-flexiblecolumnlayout--docs
  2. Scroll All the way down to the section 'FlexibleColumnLayout with different columns'
  3. Keep pressing Tab until the focus is on the first list item
  4. Tab one more time and notice that the focus is not on the page anymore
  5. Hit Enter Then notice that popup will show

It seems that when you press Tab, the focus goes somewhere in the hidden area (probably detail area). Once the detail area is opened and then closed, the focus seems to work properly.

Please check.

Best Regards, Nikolay Hristov