Content appears blurry in Window with 'k-centered' class

[ntacheva]

Describe the bug

When the Centered property of the Window is enabled (this is by default), we are adding k-centered class to the wrapping element of the component.

This class introduces a transform: translate(-50%, -50%); rule which seems to be causing the issue: https://stackoverflow.com/questions/31109299/css-transform-translate-50-50-makes-texts-blurry

As soon as the user clicks the header or moves the Window, the k-centered class is removed and the problem no longer occurs.

To reproduce
Steps to reproduce the behavior:

Reproduction: https://blazorrepl.telerik.com/GoYvHFbo23IDFATt16

1. Expand the result pane and click the button to open the Window - > the content is blurry
2. Click on the header or move the Window -> the content is not blurry

Expected behavior

Clear Window content

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites (please remove the unneeded items)

• Telerik UI for Blazor

Affected browsers (please remove the unneeded items)

• All

Potential cause

A bug in Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=573146

Still, I was able to reproduce the issue in other browsers (e.g. Firefox).