alloutflo opened a new pull request, #305: URL: https://github.com/apache/fineract-backoffice-ui/pull/305
## What and why Render each sortable table header as a native button so keyboard users can focus it and activate sorting with Enter or Space. Non-sortable headers remain outside the tab order, aria-sort stays on the column header, and the control has an explicit focus-visible outline. Closes #286 ## Verification - Targeted data-table suite: 33 tests passed. - Full unit suite: 843 tests passed. - npm run lint:prune passed. - npm run build passed. - Prettier and git diff checks passed. - The rendered-DOM tests verify that only sortable columns expose native buttons, that the control receives focus and triggers sorting, and that aria-sort remains on the header. - No real Fineract backend was used; this behavior is internal to the shared client-side table component. ## Screenshots Not included. The change preserves the existing header layout and adds keyboard focus/activation behavior; the rendered DOM is covered by the focused component tests. ## Checklist - [x] I did not hand-edit generated files under src/app/api/. - [x] Not applicable: no component/service integration boundary or browser global was added. - [x] No user-facing strings were added. - [x] I added rendered-DOM tests for focusability, activation, sortable-only controls, and aria-sort. - [x] Not applicable: this is native button behavior in the shared table component and does not depend on a backend workflow. - [x] The commit is SSH-signed. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
