[List][a11y]: Interactive elements in ListItemCustom are not receiving focus to activate

[lateefsofi]

Describe the bug

Interactive elements in ListItemCustom are not receiving focus to activate

Isolated Example

https://stackblitz.com/edit/github-oc9txlbs?file=src%2FApp.tsx,package.json

Reproduction steps

1. Navigate to https://stackblitz.com/edit/github-oc9txlbs?file=src%2FApp.tsx,package.json
2. Try to navigate within the list and notice buttons in the list are not receiving focus

Expected Behaviour

Buttons in the list should also receive the focus

Screenshots or Videos

No response

UI5 Web Components for React Version

2.25.0

UI5 Web Components Version

2.25.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

Successfactors

Declaration

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

[Lukas742]

Hi @lateefsofi,

You can focus interactive elements inside custom list items by pressing F2 (or via click). F2 enables "edit mode" for all list-like components. Since I couldn't find any information about this in the UI5 Web Components documentation, I'll forward this issue to their repo so they can assess whether the docs should be extended.

---

Hi Colleagues,

Could you please check whether the F2 keyboard interaction should be documented for list items? I found an entry for this only in the table documentation.

[hinzzx]

Hi @UI5/ui5-team-ctr-pir ,

Could you please take a look ? I believe there's a slight documentation gap.

Best,
Stoyan