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?