This article provides solutions for common issues you may encounter while working with the Kendo UI Window widget.
A scrollbar of an element below the popup of the Window may be incorrectly displayed over the popup in the Safari and Chrome browsers which run on OS X.
Solution Use the CSS style to the scrollbar container below the Window.
-webkit-transform: translate3d(0, 0, 0);
This scenario excludes the cases when the content of the Window is in an
By default, after the Window is initialized, it is moved in the DOM, placed as a child of the
body element, and positioned on top of all other page content. However, this behavior causes undesired side effects when the Window is created from an element inside a form because the moved form fields will not be submitted.
Solution To work around this issue, use either of the following approaches:
- Place the whole form, including its opening and closing tags, inside the element from which the Window is created.
- If some parts of the Window need to remain outside, use the
appendToproperty so that the widget remains inside the form.
If the Window contains a form which is submitted through a standard POST request, the widget will close and the page will be reloaded. To handle this behavior, submit the form with AJAX. The approach is strongly recommended when the submitted data is validated on the server because in such cases the Window is expected to remain visible and to display the validation messages that might be returned.