CODEWITHSUNDEEP
javascripthtmlkendo-ui
user3548975
user3548975

Reputation: 51

Scrollbar issue with Kendo Window

I am using kendo window. When I am not specifying any width to the kendo window, horizontal scrollbar is coming in the browser window. The code is as below. 

 window.kendoWindow({
        actions: [
          "Pin",
          "Minimize",
          "Maximize",
          "Close"
       ],
       position:{
          top:0,
          left:0
       },
       close: onClose,
});

Can anybody please explain why this is happening? Thanks in advance

Upvotes: 5

Views: 2926

Answers (3)

mortenma71
mortenma71

Reputation: 1286

In forum Telerik suggest to call e.sender.destroy(); in deactivate event. See https://www.telerik.com/forums/destroying-a-window-after-maximizing-breaks-page-scrolling?actionMode=replyPost&postId=3ec6ce5e-bbb9-43c4-8ddb-685a469cb90e

This didn't work for me.

My initial work-a-round: Set width and height to almost 100% and center window.

Telerik suggested work-a-round until bugfix: https://github.com/telerik/kendo-ui-core/issues/3701) - this worked for me.

Upvotes: 0

Plamen Zdravkov
Plamen Zdravkov

Reputation: 748

It is a bug in the control. I have logged it here. A possible workaround is to add this CSS to the page:

.k-resize-ne,
.k-resize-se,
.k-resize-e {
  right: 0;
}

Upvotes: 2

Null Reference
Null Reference

Reputation: 11340

I'm not sure, and I guess you'll have to ask Telerik regarding this

My guess - it's probably due to the css styling.

A workaround can be setting the width like this:

width:"99.6%"

This gets the window snugged nicely within the browser with no scrollbars.

I've edited your jsfiddle with the width

Upvotes: 1

Related Questions