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?