[Table][a11y]: Focus is not set to newly added row when Load More is clicked on Growing Table
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.8k
- Forks
- 285
- Avg merge
- 3d 2h
- Merged PRs (30d)
- 59
Description
Describe the bug
We have an a11y bug from internal a11y team for table component. On Growing table when user pressed Enter on Load More button, new set of records are loaded. The focus still stays on the Load More if still more records are available or it is lost if there is no more record to fetch.
Expectation is: Focus should be set on the first row of newly loaded records.
Isolated Example
https://ui5.github.io/webcomponents-react/v2/?path=/docs/data-display-table--docs#growing-table
Reproduction steps
- Navigate to https://ui5.github.io/webcomponents-react/v2/?path=/docs/data-display-table--docs#growing-table
- Go to Growing section of the decumentation
- navigate to "More" button and press enter
- Observe focus stays on the More button
Expected Behaviour
Focus should be set on the first row of newly loaded records.
Screenshots or Videos
No response
UI5 Web Components for React Version
V2.26.2
UI5 Web Components Version
V2.26.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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in the Growing Table example linked in the report by activating More with Enter, then trace the Growing Table focus behavior as records are appended. Verify that focus moves to the first row of the newly loaded records both when more records remain and when loading reaches the end.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100