Keyboard navigation in filter demo

3 posts, 1 answers
  1. Ron
    Ron avatar
    73 posts
    Member since:
    Oct 2010

    Posted 02 Mar 2018 Link to this post

    I was checking out https://demos.telerik.com/kendo-ui/treeview/filter-treeview-in-dialog for a demo on how to client-side filter a treeview component. The demo works like a charm butI noticed that keyboard navigation is broken when the treeview is filtered (it works fine when not filtered). Is there a work around of fix for this problem?

    Thanks,
    Ron

  2. Answer
    Ivan Danchev
    Admin
    Ivan Danchev avatar
    2063 posts

    Posted 06 Mar 2018 Link to this post

    Hello Ron,

    In the demo you linked the TreeView is filtered by hiding the nodes that do not match the search criteria, that is those nodes are still there but are invisible. We do not have a workaround for this scenario so we would suggest you to consider a different approach for filtering the nodes, one that is shown in the TreeView in Dialog demo (part  of the Dialog demos). In this demo instead of hiding the nodes the widget's dataSource is filtered. This way nodes that do not match the search criteria are not rendered and the keyboard navigation is not obstructed when the TreeView is filtered.

    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Ron
    Ron avatar
    73 posts
    Member since:
    Oct 2010

    Posted 06 Mar 2018 Link to this post

    I've changed implementations and it works like a charm. Thanks Ivan.
Back to Top