Completed
Last Updated: 20 Oct 2020 10:25 by ADMIN
Aman
Created on: 24 Jul 2020 15:55
Type: Bug Report
0
Problem maximizing Window component when inside positioned ancestor

When using the <Window> component, there is an issue trying to maximize, when a parent element has positioning (ie:  position: absolute, position: relative).  The calculation for defining the width uses window.innerWidth (similar for height).  However, for placement, it uses top and left = 0.  

You can see a sample of this on StackBlitz:

https://stackblitz.com/edit/react-59kqss

This is a straight copy of https://www.telerik.com/kendo-react-ui/components/dialogs/window/controlled-mode/, but added the additional styles to the parent <div>.

Version is 3.14.

 

Thanks.

3 comments
ADMIN
Stefan
Posted on: 12 Aug 2020 05:37

Hello, Aman,

Yes, I have created a public item for it:

https://github.com/telerik/kendo-react/issues/695

The enchantment is already in development.

Regards,
Stefan
Progress Telerik

Aman
Posted on: 11 Aug 2020 21:19

Hi,

 

When do you think this new option will be available?  Is there something I can use to track the progress?

 

Thanks,

-Aman

ADMIN
Stefan
Posted on: 27 Jul 2020 06:50

Hello, Aman,

Thank you for the example and for the report.

We are planning to address this by providing an option to render the Window element inside a preferred container. For example, if this case we can render the Window directly inside the body, so it is not affected by the other container styles.

The property will be similar to the appendTo prop of the Popup:

https://www.telerik.com/kendo-react-ui/components/popup/api/PopupProps/#toc-appendto

I have also added 1000 Telerik points to your account for bringing this to our attention.

Regards,
Stefan
Progress Telerik