Kendo UI Treeview page jump in Internet Explorer

[Joao]

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

[Alex Gyoshev]

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

[DAC Beachcroft LLP]

Is there still no workaround for this issue?

[Kiril Nikolov]

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

 

 

[DAC Beachcroft LLP]

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

[Kiril Nikolov]

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

 

 

[Chris]

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

[Alex Gyoshev]

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

 

 

[Ody]

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