Partly blurry UI

And yes, I can confirm:
Radzen 2.42.10 -> No issue
Radzen 2.43.2 -> Blurry stuff

I will change two of the fonts in the next release as it seems to improve things a bit

I do not think replacing fonts will make anything better, the icons for an example react in the same way.
But it could have something to do with hardware-acceleration. Is it possible to disable it somewhere?

EDIT: and you cannot improve it 'a bit', if the rendering changes half-way it is broken, making it less obvious isn't going to solve it, it's a font, fonts are made to render in a consistent pixel-perfect way.

I do not think replacing fonts will make anything better, the icons for an example react in the same way.

Why do you think so? My tests show that changing the icon font from woff to ttf improves the appearance quite a bit.

it's a font, fonts are made to render in a consistent pixel-perfect way.

You say it as a fact which isn't true :slight_smile: Again the only thing we have changed between versions is the Electron version. It obviously changed the font rendering.

1 Like

I am sorry, maybe I am mixing up some stuff here. Are we talking about the different font-rendering in the whole application or changes of the font-rendering depending on the scrollbar which pops up as seen in my posted animated gif?

I am attaching three screenshots. Radzen 2.42.10, 2.43.3 and current master version (not released). I've made a few tweaks in the latter which should improve the legibility of the text and the shape of the icons.



1 Like

I tested both issues in 2.43.8

  • Blurry UI in handler-window: still reproducible
  • Text-rendering in the whole: looks much better

Unfortunately we cannot reproduce the Blurry UI issue. I suggest you check your global ClearType settings and adjust them if needed.

Is the issue visible to you on my posted animated gif? You have to click on it so see it unresized, I for an example can not see it in the down-scaled version.

The issue appears only in the marked-red-area, all of the text around it is fine (the first line of the listbox too).

At our side the code looks as in the last attached screenshot in my reply. We tested in on multiple Windows machines and cannot reproduce what you see. I am afraid we don't know what to do from here.

No problem. I only want to be sure that we are talking about the same thing, this is why I asked if you can see it in the animated gif.

Edit: All of the changes you implemented since I started this thread let me think we are talking about 2 different things. The text-rendering changes are much appreciated and definitely make Radzen look prettier. And I really really love nicely rendered fonts. But they are not the bug I am pointing at.

I'm not sure when this happened, but in the latest Radzen build 2.62.4 the narrow (black, rounded) scrollbars are back, and so is the blurry rendering as soon as this fancy new scrollbar appears.

It makes my eyes bleed, can you put the classic scrollbar back in action?
Animation2

EDIT: the forum-preview makes it look less distracting, open the gif in a new tab to see the full ugliness

This scrollbar styling has been there for ages (according to git logs it was introduced two years ago - even before you started this thread). Still you can try installing an older version to see if it makes a difference. Unfortunately to this date nobody else has reported this issue and we are still not sure what is causing it for you.

The last time I reported this you soon released a version which used the old scrollbars, and this fixed the issue.
I mean these (it's your screenshot from February 2020)

I found out something else, the blurriness seems to only exist when the content gets initially rendered, after I remove the scrollbar through collapsing some elements, the blurriness is gone, and it doesn't come back when i expand the content again.
Animation2

I checked the git logs again. The styled scrollbar in the event editor was introduced with Radzen 2.43.2 which was released on February 15th 2020 (there were two broken releases before that which are not available for download). The version without styled scrollbars is 2.42.10. So the styled scrollbar have been released for year and a half now (also shown in my post: Partly blurry UI - #18 by korchev and yours). I don't think that it is the styled scrollbars causing the issue because they are included since Februrary 2020. It is probably something else however we don't know what.

That's sad. But thank you for the investigation.

Do you remember what was the last version that was not having this problem? This would allow us to investigate for any changes in the Radzen styling.

Or is there any chance you just haven't noticed it before because of this?

I installed both versions after each other, made a screenshot, made it bigger and made you a gif.
Maybe the problem was there before, but the change in width definitly shows it off (I have no idea how I could test or prove this in another way).
Animation2

My current workaround is to double-click on the topmost arrow to collapse the whole handler-tree and expand it again to make the problem go away.