Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabindex always "-1" for table accessibility #12911

Open
LEinfeldt opened this issue Jan 8, 2025 · 0 comments
Open

Tabindex always "-1" for table accessibility #12911

LEinfeldt opened this issue Jan 8, 2025 · 0 comments

Comments

@LEinfeldt
Copy link

LEinfeldt commented Jan 8, 2025

I'm trying to build a form with structured data in a table. I need to display form inputs and a button in a table with 3 columns.

However, when I built the app, I recognized, that it is not possible to navigate with tab in my form. All the table-cell directives and the table-rows get a tabindex="-1" in the devtools.

In the source code I found the @Input allCellsFocusable so I set this property on the table.

<table fd-table [noBorderY]="true" allCellsFocusable>

But this does not have any effect on the inputs in the table. This behaviour is not accassible, but I need to have the website accassible.

Even with setting all table data to [focusable]=true did not change the tabindex.

Also I regognized, that the behaviour is not the same each time. When I manually clicked into an input, this single input is navigable via tab, while the others aren't.

I've deleted all surrounding logic and built a minimal example here for reproduction: https://github.com/LEinfeldt/fundamentalngx-table-example

An additional Info, that I just found: The tabindex is initially 0 - I can see that in the debugger and in the elements of the devtools. When I tab into the first header cell, this changes the tabindex of all other cells to "-1". This does not trigger the _updatecells method of the TableComponent.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant