UI5 / UI5/webcomponents

[SF][A11y][ui5-list] F2 doesn't focus to first focusable element

Open
#7,736 3 comments 0 reactions 1 assignee View on GitHub

@jdichev is already working on this.

Since Nov 2, 2023.

ACC feature request Medium Prio SAP SF SF_ACC TOPIC P
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

Bug Description

When the focus is on the list item itself, pressing F2 should put the focus on the first focusable element within the row. It works well in SAPUI5 but it is not the case in ui5-webcomponents.

This feature works properly in SAPUI5: https://sapui5.hana.ondemand.com/#/entity/sap.m.CustomListItem/sample/sap.m.sample.CustomListItem

But not in this code sand box: https://codesandbox.io/s/v63xqt?file=/index.html

You may refer to this video from our a11y experts:
https://github.com/SAP/ui5-webcomponents/assets/7316793/b7f8af19-dec9-4c3d-9cd3-5db9740832e9

Affected Component

ui5-list

Expected Behaviour

No response

Isolated Example

https://codesandbox.io/s/v63xqt?file=/index.html

Steps to Reproduce
  1. Go to https://codesandbox.io/s/v63xqt?file=/index.html
  2. Press F2
  3. Note that the focus doesn't go to the first interactive element inside the row
Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

latest

Browser

Chrome, Edge, Firefox, Safari

Operating System

macOS

Additional Context

No response

Organization

SuccessFactors

Declaration
  • I’m not disclosing any internal or sensitive information.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.