I am trying to implement a search filter in Gantt. When I try to click input box for entering input it deselects the input and selects whole header.
It is also adding an extra class called gantt-noselect to the body.
My goal is to disable the header select or find a solution where we can resolve the current issue.
Any ideas or suggestions?
Here is the video link of the issue:
We are aware of this bug. That issue occurs because of the
keyboard_navigation extension. After you type something, Gantt is repainted, and the keyboard navigation tries to restore the focus to the grid header cell, not to the element inside it. The dev team will fix that issue in the future, but I cannot give you any ETA.
As a workaround, you can switch the focus to that element after the
Please check the following example:
Also, you can use the
onchange event instead of the
Another way is to turn off the
keyboard_navigation before repainting data, then turn it on:
The dev team fixed the bug with the keyboard navigation:
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:
You can check how it works in the following snippet: