Destroying a window after maximizing breaks page scrolling

4 posts, 0 answers
  1. Ben
    Ben avatar
    12 posts
    Member since:
    Oct 2015

    Posted 17 Mar 2016 Link to this post


    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>
      <meta charset="utf-8">
      <script src=""></script>
      <div id="window">
        $(document).ready(function() {
          console.log($("html").css("overflow")); // Visible
            var kendoWindow = $("#window").kendoWindow({}).data("kendoWindow");
          console.log($("html").css("overflow")); // Hidden



  2. Dimiter Topalov
    Dimiter Topalov avatar
    1266 posts

    Posted 21 Mar 2016 Link to this post

    Hi Ben,

    To avoid the described undesired effect, you can first close the Kendo UI Window programmatically (if needed) and destroy it in the deactivate event handler:

    // Kendo UI Window configuration

    I hope this helps.

    Dimiter Topalov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Morten
    Morten avatar
    349 posts
    Member since:
    Jul 2012

    Posted 18 Oct 2017 in reply to Dimiter Topalov Link to this post

    Hi Dimiter

    I have a similar problem and the "e.sender.destroy();" does not work for me.

    Please see other thread

    Hope you can help.

    A work-a-round for me is to set width and height to almost 100% and center window.

    Thanks in advance.

    Best regards


  4. Plamen
    Plamen avatar
    3049 posts

    Posted 19 Oct 2017 Link to this post


    It looks like a bug in /window widget. I have logged it here. You can use the following CSS to fix the issue:
        .k-resize-e {
          right: 0;

    Here is a dojo page that worked correctly at my side.

    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