Hello
When calling .maximize() on a Kendo UI window the body and html page elements are given an overflow CSS rule of hidden.
Following this if destroy is called the window disappears but leaves the body/html overflow rule in place. This causes the page to not be scrollable.
Reproduction steps from the kendo dojo:
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>Untitled</
title
>
<
link
rel
=
"stylesheet"
href
=
"http://kendo.cdn.telerik.com/2016.1.226/styles/kendo.common.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"http://kendo.cdn.telerik.com/2016.1.226/styles/kendo.rtl.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"http://kendo.cdn.telerik.com/2016.1.226/styles/kendo.default.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"http://kendo.cdn.telerik.com/2016.1.226/styles/kendo.mobile.all.min.css"
>
<
script
src
=
"http://code.jquery.com/jquery-1.9.1.min.js"
></
script
>
<
script
src
=
"http://kendo.cdn.telerik.com/2016.1.226/js/angular.min.js"
></
script
>
<
script
src
=
"http://kendo.cdn.telerik.com/2016.1.226/js/jszip.min.js"
></
script
>
<
script
src
=
"http://kendo.cdn.telerik.com/2016.1.226/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
id
=
"window"
>
<
p
>test</
p
>
</
div
>
<
p
>
<
script
>
$(document).ready(function() {
console.log($("html").css("overflow")); // Visible
var kendoWindow = $("#window").kendoWindow({}).data("kendoWindow");
kendoWindow.maximize();
kendoWindow.destroy();
console.log($("html").css("overflow")); // Hidden
});
</
script
>
</
body
>
</
html
>
Thanks,
Ben