Hello Rob,
There are no images attached to your message, but I got the idea.
The AutoComplete dropdown is detached from the original widget DOM position, i.e. the dropdown is not inside the Kendo UI Window, but a child of the page <body>. This allows the dropdown to be displayed in such a way, so that it looks like overflowing the Kendo UI Window. Actually, the dropdown and the Kendo UI Window are completely unrelated.
Elements, which are inside the Kendo UI Window cannot overflow it in the same manner, because the Window is scrollable by default. Theoretically, you can disable the Window's scrollability with CSS, however, I am not sure that this will produce any desirable result:
Regards,
Dimo
Telerik
There are no images attached to your message, but I got the idea.
The AutoComplete dropdown is detached from the original widget DOM position, i.e. the dropdown is not inside the Kendo UI Window, but a child of the page <body>. This allows the dropdown to be displayed in such a way, so that it looks like overflowing the Kendo UI Window. Actually, the dropdown and the Kendo UI Window are completely unrelated.
Elements, which are inside the Kendo UI Window cannot overflow it in the same manner, because the Window is scrollable by default. Theoretically, you can disable the Window's scrollability with CSS, however, I am not sure that this will produce any desirable result:
#WindowID { overflow: visible;}Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!