You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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.
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.
The text was updated successfully, but these errors were encountered:
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.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.
The text was updated successfully, but these errors were encountered: