Vertical Scrollbar disappears after dynamically adding Window (dialog)

3 posts, 0 answers
  1. Tyler
    Tyler avatar
    58 posts
    Member since:
    Nov 2013

    Posted 31 Oct 2017 Link to this post

    I'm using latest build of Kendo UI MVC (2017.3.913) and I have a complex form which contains TabStrip.
    Each Tab within the TabStrip contains PanelBar with multiple expandable\collapsible panels that allow me to view and edit data. When I expand a Panel the vertical scroll-barallows me to scroll down to view details etc.. Everything works fine so far.

    On the form I also dynamically add a Kendo Window (dialog) and do various things like - Select Address,Select Person etc.. Dynamically creating it is a must - I destroy it after every time i use it. For demonstration the javascript function below creates the Window what I require to show the problem:


    //This dynamically creates a Window (but donst show it yet)
    function testCreateWindowDynamically()
      $(document.body).append("<div id='myContainerDiv' class='dlgContainer'></div>");
      $("#myContainerDiv").append("<div id='myDialogWindow' class='dlgDialog'></div>");
      var dialog =
          title: "",
          modal: true,
          actions: ["Close", "Minimize", "Maximize"],
          visible: false


    When I run this the vertical scroll bar on the tab strip disappears and I cant scroll down to view content not displayed on screen. Why is the vertical scroll bar disappearing?


  2. Tyler
    Tyler avatar
    58 posts
    Member since:
    Nov 2013

    Posted 31 Oct 2017 in reply to Tyler Link to this post

    After some testing on our previous release which used the previous version of kendo UI (v2017.2.504) this worked correctly. So basically the new version of Keno UI must have added this bug.

  3. Veselin Tsvetanov
    Veselin Tsvetanov avatar
    860 posts

    Posted 01 Nov 2017 Link to this post

    Hi Tyler,

    I have just answered to your question in the support ticket thread, that you have opened on the same topic. I would suggest you to continue our communication there. This way we will keep the thread discussion focused.

    Veselin Tsvetanov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top