IE Only - Scroll is reset when switching tabs

2 posts, 0 answers
  1. John
    John avatar
    1 posts
    Member since:
    Apr 2016

    Posted 25 Aug 2016 Link to this post


    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: .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.

  2. Stefan
    Stefan avatar
    3072 posts

    Posted 29 Aug 2016 Link to this post

    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:

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

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top