Text rendering is blurry and glitchy on second monitor

[radiosilence]

Captchas

• I have read the instructions.
• I have searched existing issues and avoided creating duplicates.
• I am not filing an enhancement request.

What happened?

When Zen is open on my second monitor, on page load quite a lot of text is kinda blurry. Selecting the text or causing a redraw of it seems to make it rendered correctly.

Monitor is an Asus ProRes.

(Firefox in foreground, Zen in background)

Screen.Recording.2024-11-05.at.16.39.38.mov

Screenshot and video provided that demonstrate issue.

Reproducible?

• I have checked that this issue cannot be reproduced on Mozilla Firefox.

Version

1.0.1-a.17

What platform are you seeing the problem on?

macOS - Intel

Relevant log output

No response

[dosubot]

Hey @radiosilence! 👋 I'm here to help you with any bugs, questions, or contributions. Let's work together to solve this issue.

There are similar issues that have been reported and closed regarding blurry text rendering. One such issue is "[Bug] Text on Websites blurry," which was closed with the solution that it would be fixed in the next update ^[1]. Another related issue is "There is an issue that the interface and web font are blurred. (1.0.0-a.37)," which has also been closed ^[2].

It seems like this might be a recurring problem, and it could be addressed in an upcoming update. You might want to keep an eye on updates or check if there are any patches available for your current version.

To continue talking to Dosu, mention @dosu.

[radiosilence]

Oh thanks, @dosu

[dosubot]

You're welcome! If you have any more questions or need further assistance, feel free to reach out. Happy to help!

To continue talking to Dosu, mention @dosu.

[RayZ3R0]

Shut up dosu bot. Those are very old issues.

[gkonuralp]

Same problem on an LG 4K monitor.

[filip-van-hoeckel]

Unfortunately same issue here.

[svengt]

Same issue here 👋 Version: 1.0.1-a.17 (Firefox 132.0) (aarch64)

[hricvladimir]

Same issue, on LG 4K monitor, on MacOS, the text is blurry. 1.0.1-a.17 (Firefox 132.0) (aarch64)

[loicfavory]

I have the same issue on my widescreen (5120x1440px) if I open zen in fluscreen.
If I split screen by using two apps side by side it's ok.

I installed Flatpak app on ubuntu 22.04 / 1.0.1-a.17 (Firefox 132.0) (64 bits)

[mackcoding]

I am also having this issue on 1.0.1-a.19. I am on PopOS (latest). Firefox does not have the issue, and neither does my Windows machine. I am on:

• Lenovo Thinkpad P16s Gen 2
• AMD Ryzen 7 Pro 7840u
• Radeon 780m
• X11
• Latest drivers
• Gigabyte Monitor
• 3840x2160 resolution
• 60hz
• Scaling set to 125%
• HiDPI Daemon disabled

[mastazi]

Like @loicfavory I have a 5k widescreen, 5120X1440px, with 150% scaling. For me the exact point at which the screen becomes blurry is when the viewport goes over 2730 "css pixels" wide. This is about 75% of the width of the screen so about equivalent to 4K resolution in terms of "real pixels" see the two screenshots below, the viewport size is visible in the upper right corner, compare the characters being clear in one screenshots and blurry in the other one.

One more thing that I have observed: whenever an element (div, p, etc) has some type of on :hover effect, it immediately stops being blurry when hovering with the mouse, as if the :hover state forced it to be redrawn in a non-blurry way

[mastazi]

I just wanted to add that this workaround resolved the issue for me: #2375 (comment)
TL:DR; in about:config search for zen.view.experimental-rounded-view and set it to false

[neurokitti]

duplacate of #1276