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
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/.
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
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/.