This is a migrated thread and some comments may be shown as answers.

Window is blurry

2 Answers 56 Views
Window
This is a migrated thread and some comments may be shown as answers.
khashayar
Top achievements
Rank 1
Veteran
khashayar asked on 17 Aug 2020, 09:17 AM
Hello, 
i found a very strange problem with all of windows that i have used (around 10 )
and they all are blurry  and when i change their position it get's fixed

2 Answers, 1 is accepted

Sort by
0
Svetoslav Dimitrov
Telerik team
answered on 17 Aug 2020, 10:55 AM

Hello Khashayar,

Could you replicate the issue on our demos? As attached file I have created demo application which has a Telerik Window. You could change its top and left position through numeric input and center it. Could you make some changes so we can investigate what changes of the position would make the Window blurry?

Regards,
Svetoslav Dimitrov
Progress Telerik

James
Top achievements
Rank 2
commented on 03 Aug 2021, 12:08 PM

I am also experiencing blurriness
 blurred in normal view 


not blurred in full screen mode: 


Any idea when we could expect a fix or someone to look into this?
0
Svetoslav Dimitrov
Telerik team
answered on 06 Aug 2021, 08:30 AM

Hello James,

This issue seems to stem from the Chrome browser if the component has odd values for the Width and Height of the component. Below, I will provide some additional information on the case. 

There is a problem with the fixed positioning of the window in a combination with the transform(-50%, -50%) CSS property and if the height of the window. If this specific style combination is present, the transformed element is blurred in chrome because the 50% calculation on an odd height/width results in half pixels computations.

A solution for the demo would be to set a default height and width (even values).

Regards,
Svetoslav Dimitrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Window
Asked by
khashayar
Top achievements
Rank 1
Veteran
Answers by
Svetoslav Dimitrov
Telerik team
Share this question
or