How to disable focus outside table when using Tab and Shift+Tab for navigate cell in handsontable?

Tags: #<Tag:0x00007efc61e63de0> #<Tag:0x00007efc61e63ca0>
#1

In handsontable 14.0.0, there’s change that’s breaking our usability for our case.

or in Changelog:

  • Added the ability to traverse the grid within a webpage using the TAB key and introduced a new tabNavigation option.

How we disable it to be the same as previous version without downgrade version?

Note: I also set autoWrapRow to be true. but navigate using Tab(arrow works fine) not wrapped as indicated in document anymore.

03
Screenshot 2567-02-29 at 02.45.03.png897×767 78.1 KB

#2

Hi @elecwebmaker

Setting tabNavigation: false will work as the previous version - when you cannot navigate with a TAB key to a column header.

Now the TAB + SHIFT is added to exit the table as to meet the WCAG requirements, so the fact that users couldn’t leave the table was an accessibility flaw.

However, you can try to remove that shortcut by calling the removeShortcutsByGroup method from the Shortcut manager. Ref: https://handsontable.com/docs/javascript-data-grid/api/shortcut-context/#removeshortcutsbykeys

If that won’t work please let me know.

#3

@aleksandra_budnik We decided to do custom navigation by ourself for Tab key inside beforeKeyDown hook to wrapped row. Thank you.

#4

Thank you for the update. If you’d need anything, please feel free to open a new thread.

#5