Kendo UI Treeview page jump in Internet Explorer

9 posts, 0 answers
  1. Joao
    Joao avatar
    1 posts
    Member since:
    Feb 2014

    Posted 12 Feb 2014 Link to this post

    If the treeview extends below the browsers visible height and causes a vertical scroll-bar, on clicking nodes within the treeview causes a page jump in Internet Explorer 11.
    This bug was noticeable on the demos (http://demos.telerik.com/kendo-ui/web/treeview/index.html).

    Is there a quick fix for IE11? As this bug does not appear when using Chrome or Firefox.

    Thanks
  2.
  3. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 13 Feb 2014 Link to this post

    Hello Joao,

    This is caused because the TreeView keyboard navigation needs the TreeView div to be focused, and focusing it in IE scrolls the page. We revert to the previously scrolled position, but the whole process is visible sometimes. We are not aware of a resolution of the problem.

    Regards,
    Alex Gyoshev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. DAC Beachcroft LLP
    DAC Beachcroft LLP avatar
    2 posts
    Member since:
    Feb 2007

    Posted 30 Jul 2014 in reply to Alex Gyoshev Link to this post

    Is there still no workaround for this issue?
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 01 Aug 2014 Link to this post

    Hi Joao,

    I am afraid that currently there is no workaround for this issue. As my colleague previously explained it is a problem with the way IE treats the focus and scrolls the page. 

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8.
  9. DAC Beachcroft LLP
    DAC Beachcroft LLP avatar
    2 posts
    Member since:
    Feb 2007

    Posted 01 Aug 2014 in reply to Kiril Nikolov Link to this post

    Hi Kiril,

    I'm finding this issue makes the Tree View unuseable, since it will contain enough information to extend beyond the viewport, and my target browser is IE.

    Is there no workaround, such as disabling keyboard navigation, that might avoid the need to trigger focus?

    Many thanks,

    Jamie
  11. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 04 Aug 2014 Link to this post

    Hi,

    The keyboard navigation cannot be turned off with an option from the widgets configuration. You can try disabling it using the following code, but I am not really sure if this will fix the scroll behavior:

    var tree = $("[data-role=treeview]").data("kendoTreeView");
    tree.wrapper.off("focus keydown")
    tree.focus = $.noop

    However this is not the official and supported way of doing this.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  13. Chris
    Chris avatar
    27 posts
    Member since:
    Jul 2004

    Posted 03 Nov 2014 in reply to Kiril Nikolov Link to this post

    Thanks, that workaround does indeed seem to resolve the issue (at least on ie10 and v2014.2.1008)

    So to clarify your disclaimer.. "However this is not the official and supported way of doing this."

    As there isn't a current official fix for this issue, how problematic might this workaround be?   i.e. any foreseen issues?

    Are there plans to fix in kendo?

    A resolution really is quite urgent, as for larger data sets, its very common for the tree to extend past current page...  and IE quite a common browser in corporate deployments!

    Thanks

    Chris
  14.
  15. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 03 Nov 2014 Link to this post

    Hello Chris,

    FIxing this would mean disabling keyboard navigation. We don't offer an option for that at this time, and nobody has suggested an option for disabling this accessibility feature on UserVoice yet. We are not aware of a fix for this, because IE scrolls the page when the TreeView is focused. Theoretically, removing the focus/keydown handlers should work fine for the time being. You can suggest an option for disabling keyboard navigation on UserVoice.

    Regards,
    Alex Gyoshev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  17. Ody
    Ody avatar
    14 posts
    Member since:
    Oct 2016

    Posted 13 Dec 2016 Link to this post

    Just in case this happens for anyone else, I was able to fix my jumping issue by assigning a static height to the treeview control.

    <div id="file-treeview" style="height: 400px;"></div>

     

    Another way I had some success with it is by removing the click event on the treeview control and assigning click events to all the k-item nodes.  Then IE wasn't trying to focus the entire thing widget.

    $("#file-treeview").off("click");
    $("#file-treeview .k-item").on("click", function (e) {
            console.log(e.currentTarget.dataset.uid);
        });

     

    Cheers

Back to Top