This is a migrated thread and some comments may be shown as answers.

IE Only - Scroll is reset when switching tabs

1 Answer 147 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 25 Aug 2016, 09:27 AM

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.

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 29 Aug 2016, 10:25 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
TabStrip
Asked by
John
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or