kendo-angular icon indicating copy to clipboard operation
kendo-angular copied to clipboard

Window is not centered when shown inside a scrollable container

Open jinhoyim opened this issue 6 years ago • 3 comments

https://stackblitz.com/edit/angular-2y3sic

Two window components are at the top and bottom. I thought the window would open in the same location, but it's not. Is it intended? but dialog works fine.

jinhoyim avatar Oct 04 '19 07:10 jinhoyim

Hi @jinhoyim

Indeed this is a strange one. If top and left bindings are not provided, the Window should be centered in the view port. We will look into it and get back with an update.

For the time being I would suggest just moving the second Window markup above the gray container. Here is the updated example.

Raisolution avatar Oct 04 '19 09:10 Raisolution

Issue is reproduced here too - https://stackblitz.com/edit/angular-mcmig6-kw8zlz?file=app%2Fapp.component.ts

The Window is not centered in the viewport when it is inside a scrollable container and the page is scrolled. The page scrolls to the location of the Window element in the DOM instead.

Raisolution avatar Sep 30 '21 06:09 Raisolution

The issue with the Window position can also be seen in this StackBlitz example. When you click on the info icon of the top rows, the Grid scrolls to the bottom before opening the window.

hetalishah avatar Jul 12 '22 15:07 hetalishah