In Development
Last Updated: 02 Dec 2021 13:48 by ADMIN
Scheduled for 4.13.0
Grant
Created on: 20 Oct 2021 10:41
Type: Bug Report
0
KendoWindows behave differently in v4.9.0

Hi team, 

Im not sure if this is a bug or an incomplete feature, so please advise.

1) TabStrip / Window behavior in v4.8.0 with bootstrap theme 4.40.0, see https://stackblitz.com/edit/react-wdzeyo?file=index.html
Please note the style and behaviour of the window, its above the modal and can be dragged anywhere on the screen, even though it was rendered from within the TabStripTab component

2) TabStrip / Window behavior in v4.9.0 with bootstrap theme 4.42.0, see https://stackblitz.com/edit/react-zhkfdp?file=app%2Fmain.jsx
As you can immediately see in this example, the TabStripTab heading is also above the modal, an obvious bug
My concerns are around how the window can no longer be dragged outside the TabStripTab container. Is this by design, beacuse in my use case, my tabs are smaller than my windows.

Note: I have not tested the windows with any other components.

Please advise.

Many Thanks,
Grant

3 comments
ADMIN
Stefan
Posted on: 25 Oct 2021 11:01

Hello, Grant,

Yes, this will be the fix.

This will be done when we render the Window in the body by default as now in the rendered where it is initialized.

The end effect of the fix will be the same as the workaround, it will be the default behavior without the need to add this property.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Grant
Posted on: 25 Oct 2021 10:42

Thanks Stefen, 

So to be clear, the fix would be to ensure that the windo, while rendered in the TabStripTab component, it will still be draggable over the entire body?

Thanks,
Grant

ADMIN
Stefan
Posted on: 25 Oct 2021 09:32

Hello, Grant,

Thank you for reporting this.

I can confirm that with the latest changes in the theme we have to update the Window as well. By default, the Window has to be rendered inside the body in order to be positioned correctly. 

Until this is resolved we can use the appendTo prop of the Window to render it inside the body. This will fix both of the reported issues:

https://stackblitz.com/edit/react-zhkfdp-nxqjpx?file=app%2Fmain.jsx

Additionally, I have added some Telerik points to your account for bringing this to our attention.

Apologies for the inconvenience this may have caused you.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.