IE Only - Scroll is reset when switching tabs

[John]

Hello,

Let's say that we have a long list of items inside the first Tab of a TabStrip control and we scroll this list to e.g. 50%. 

 If we move to another Tab then return to the first Tab, we see the list scroll was reset.

I set up a small example on Dojo: http://dojo.telerik.com/aGAlA/2 .Steps to reproduce:

- In tab One move the scrollbars vertically and/or horizontally

- Then switch to tab Two

- Return to tab One - you'll notice that the scroll position have reset.

 

This issue is happening only on Internet Explorer (tested with version 11).

Is thisa known issue with Kendo UI framework ?

Probably simple scenarios can be fixed with a workaround (listenting to Tab events and manually setting back the scroll position); however for very complex UI where there are many content controls with scroll bars - a workaround is not an easy option.

[Stefan]

Hello John,

We are familiar with the described behaviour.

The scroll position may not be retained, because of a specific browser behaviour. Once a tab is selected, its content container receives a display:block style and all others containers receive a display:none style.
Generally, when the display CSS property is changed, some browsers reset the scroll position.

Please check the following example on how to save the TabStrip content scroll position:

http://docs.telerik.com/kendo-ui/controls/navigation/tabstrip/how-to/save-content-scroll-position

I hope this example will help you to resolve the scroll position issue.

Regards,
Stefan
Telerik by Progress