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

Vertical Scrollbar disappears after dynamically adding Window (dialog)

2 Answers 128 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Ruairi
Top achievements
Rank 1
Ruairi asked on 31 Oct 2017, 01:01 PM

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 =
    $("#myDialogWindow").kendoWindow({
      title: "",
      modal: true,
      actions: ["Close", "Minimize", "Maximize"],
      visible: false
    });
 
  $("#myDialogWindow").data("kendoWindow").maximize();
}

 

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 Answers, 1 is accepted

Sort by
0
Ruairi
Top achievements
Rank 1
answered on 31 Oct 2017, 03:32 PM

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.

-1
Veselin Tsvetanov
Telerik team
answered on 01 Nov 2017, 01:33 PM
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.

Regards,
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.
Tags
TabStrip
Asked by
Ruairi
Top achievements
Rank 1
Answers by
Ruairi
Top achievements
Rank 1
Veselin Tsvetanov
Telerik team
Share this question
or