Window with initialheight and initialWidth is not centered in the viewport

[Mat]

I'm setting both the initialWidth and initialHewight (600 and 400) to the Windows is large enough for the content, but it's not initially positioned at the center of the viewport when opened.

It displayed at the correct size, but it's too far to the right and too close to the bottom.

Any ideas why?

[Vessy]

Hello,

In KendoReact, the position of a Window component depends on how its position properties (e.g., left, top) are calculated. If you're experiencing an issue where the window is not centered, it's likely due to how the initial position is being set (or not set). You can ensure that the initialTop and initialLeft are properly calculated to center the window in the viewport by calculating the center position dynamically:

• https://stackblitz.com/edit/react-suwqwm?file=app%2Fapp.tsx 

  const viewportWidth = window.innerWidth;
  const viewportHeight = window.innerHeight;

  const windowWidth = 600; // Match your `initialWidth`
  const windowHeight = 400; // Match your `initialHeight`

  const centeredTop = (viewportHeight - windowHeight) / 2;
  const centeredLeft = (viewportWidth - windowWidth) / 2;

Please, give this solution a try and let me know if the problem persists.

Regards,
Vessy
Progress Telerik