Using Keybord_navigation and filtering tasks don't work

Gantt
#1

Thank you for using the DHTMLX libraries.

I’m using Vue 2 and gantt 7.0.11 and I’m having problems with keyboard_navigation and filtering tasks.

I made filtering with reference to this article.

Furthermore, when I used keyboard_navigation, it stopped working.
Input tag is not enabled because the cell is selected.

Could you help me solve my problem?

Best regards,
Take

#2

Hello Take,
That issue occurs because the keyboard navigation extension moves the focus to the grid header cell. But you can manually restore the focus by adding the onclick handler.
Here is an example of how it might be implemented:
http://snippet.dhtmlx.com/5/3ea19b50d

Right now, there is no built-in way to make it work better. I added that information to our internal bug tracker. The dev team will fix it in the future, but I cannot give you any ETA.

#3

Hello Take,
The dev team fixed the bug with the keyboard navigation:
https://docs.dhtmlx.com/gantt/whatsnew.html#7113

Now, there is a way to keep the focus outside the Gantt container. Or restore it on a custom element inside Gantt as long as it is not repainted.
You can read more about it in the following article:
https://docs.dhtmlx.com/gantt/desktop__keyboard_navigation.html#focusbehaviorduringkeyboardnavigation

You can check how it works in the following snippet:
https://snippet.dhtmlx.com/58qsqwqb

#4

Thank you very much！！