KeyTable input withing header is not tabbable

KeyTable input withing header is not tabbable

DataTableFanDataTableFan Posts: 14Questions: 7Answers: 0

Hi, when KeyTable extension is used then it is impossible to tab with the keyboard into an input within a heading column.

Just try following:
1. go to http://live.datatables.net/sadupisu/1/
2. click on search
3. use tab key to enter input withing first column heading

Instead focusing the input the first cell within the body receives focus.

Answers

  • allanallan Posts: 50,883Questions: 1Answers: 7,626 Site admin

    Hmmm - interesting one, that I don't actually know how to address immediately. You can disable the KeyTable focus which allows it to work but then there is no way to tab focus the table cells.

    The way the tab focus for the table works is that KeyTable injects a hidden input element just before the table. When you tab through and that gains focus, it moves the focus to the first cell in the table.

    Because of that the cells gain focus before the header.

    The only thing I can think of is that we put the hidden input after the table in the document, but that will mess around with any input elements in the footer in a similar manner.

    I need to think about this one a bit. Any thoughts welcome as well!

    Allan

  • DataTableFanDataTableFan Posts: 14Questions: 7Answers: 0

    Hi, I don't know if it would be possible to just handle it with events on the table directly? But if it is handled by a hidden input then it would be useful to set a configuration if it should be before, after or nowhere?

  • allanallan Posts: 50,883Questions: 1Answers: 7,626 Site admin

    I suppose one option would be for KeyTable to insert the hidden element into the first visible cell in the table and then update that on every draw and column-visibility event. It means it needs to do a bit more work, but it would work with header and footer elements.

    Let me experiment with that a little.

    Allan

Sign In or Register to comment.