Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text is blurry compared to Chrome 77 #1121

Closed
ToLive opened this issue Oct 15, 2019 · 35 comments
Closed

Text is blurry compared to Chrome 77 #1121

ToLive opened this issue Oct 15, 2019 · 35 comments

Comments

@ToLive
Copy link

ToLive commented Oct 15, 2019

  • Wavebox Version: 4.11.4
  • Operating System & Version: Windows 10

Expected & actual behavior
Text should be crisp

Steps to reproduce
Are there any steps that we can take to reproduce the bug?

Is the bug persistent or intermittent?
Do you only see it sometimes or does it always happen?

Always in every app

Screenshots
Screenshots often help us narrow down a bug more easily.

Additional information

My gpu is Nvidia G710 with latest possible driver. Text is blurry in every app. In the screenshots Chrome is on the left. One screenshot from my corporate portal and second from regular GMail.
Ticket20191015_0935_3009
Ticket20191015_0930_3008
Ticket20191015_0927_3007

@ToLive
Copy link
Author

ToLive commented Oct 15, 2019

Hardware acceleration is ON on both apps.
Disabling acceleration doesn't make any difference.

@Thomas101
Copy link
Member

Thomas101 commented Oct 15, 2019

I'll have a play around with some setups here to see if I can reproduce. Are you using a super hidpi monitor?

I'm not 100% sure this will make a difference, but if you try zooming in with Ctrl+Plus and Ctrl+- does that make any difference?

@ToLive
Copy link
Author

ToLive commented Oct 15, 2019

I'll have a play around with some setups here to see if I can reproduce. Are you using a super hidpi monitor?

No, my monitor is 24' with 1920x1080. No Windows built-in zoom, everything is 100%

I'm not 100% sure this will make a difference, but if you try zooming in with Ctrl+Plus and Ctrl+- does that make any difference?

No difference, I will add new screenshot with 110%
Ticket20191015_1716_3020

@ToLive
Copy link
Author

ToLive commented Oct 15, 2019

And screenshot from latest Vivaldi browser based on Chromium 77.
Vivaldi is on the left.
Ticket20191015_1739_3022

@Thomas101
Copy link
Member

Thanks, I'll take a look

@ToLive
Copy link
Author

ToLive commented Oct 16, 2019

Maybe this can help electron/electron#10025

@Thomas101
Copy link
Member

@ToLive nice find! I've still not been able to reproduce here :-(. As for the fix suggested in 10025, the top-level window already has a background colour applied, but ther webview's don't at the moment. Would you be able to give this a quick try to see if it helps your end?

  • Go to Settings > Advanced and click on the Main Window Custom CSS button.
  • Paste the following...
webview { background-color: #FFF !important; }
  • Restart the app and see if that's any better

@ToLive
Copy link
Author

ToLive commented Oct 16, 2019

No, still the same(

@ToLive
Copy link
Author

ToLive commented Oct 17, 2019

Additionally, what I already did with no success:

  1. Full reinstall with manual folder cleanup
  2. Clean reinstall latest NVIDIA driver.
  3. Turn OFF any sort on Antialiasing for Wavebox in NVIDIA control panel.
  4. Play with DPI checkboxes in shortcut compatibility tab in properties.

@corpetty
Copy link

corpetty commented Nov 4, 2019

bump, this is an issue for me as well (windows 10, latest drivers). Slack text looks like sh!t compared to browser version.

@ToLive
Copy link
Author

ToLive commented Nov 5, 2019

Yeah, my eyes are really hurting with this thing and I'm starting to use native apps :( Please, help me with this issue. I can give you any assistance, even connection with Teamviewer.

@ToLive
Copy link
Author

ToLive commented Nov 6, 2019

Maybe this also help: mattermost/desktop#560

As I understand, CSS is not enough to fix this issue, it should be in the code in "new BrowserWindow()"

@ToLive
Copy link
Author

ToLive commented Nov 19, 2019

@Thomas101 issue also present in WB10. I sent info to Susan.
Maybe this issue also can help: microsoft/vscode#84214
And link to Chromium tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=1006525

@ToLive
Copy link
Author

ToLive commented Nov 19, 2019

Vscode threads have some workarounds that can be helpful. As I understand issue is not Electron specific.

@ToLive
Copy link
Author

ToLive commented Jan 16, 2020

@Thomas101 any update on this? Blurry text is still here and I really tired to hurt my eyes :(

@Thomas101
Copy link
Member

Hi, still not been able to reproduce this here and it still remains a mystery as to why Chrome vs Wavebox are different.

One thing that may be worth checking, is there any difference in text rendering in the main Wavebox window, vs a new tabbed window in Wavebox?

@ToLive
Copy link
Author

ToLive commented Feb 7, 2020

Hi!

One thing that may be worth checking, is there any difference in text rendering in the main Wavebox window, vs a new tabbed window in Wavebox?
They are the same.

It is not about only font. Take a look at the https://mockflow.com/#login

Ticket20200207_1959_3312

Look at company logo. Wavebox is in the center, Vivaldi is on the right, Chrome is on the left.
Logo in Wavebox is blurry.

@ToLive
Copy link
Author

ToLive commented Feb 7, 2020

Ticket20200207_2004_3313
And this is magnified logos in same order

@Thomas101
Copy link
Member

@ToLive is there any difference in text rendering in the main Wavebox window, vs a new tabbed window in Wavebox?

@ToLive
Copy link
Author

ToLive commented Feb 7, 2020

@Thomas101 No, if I tested it correctly. See screenshot:
Ticket20200207_2241_3315

@Thomas101
Copy link
Member

I've got a fix for this :)

Found a Geforce 710 with a similar size monitor and I'm seeing the same. Off-the-shelf chrome has GPU rasterization disabled by default on that hardware configuration, where-as Wavebox doesn't so I'll figure out why we're not doing the same!

If you disable GPU rasterization manually then it sharpens everything up. In Wavebox go to chrome://flags/#enable-gpu-rasterization and change GPU rasterization to be disabled. Then relaunch the app.

@ToLive
Copy link
Author

ToLive commented Feb 10, 2020

@Thomas101 thank you! That solves problem with blurry images, but not fonts. Please, compare flags section, I think it is best place.
On the screenshot:
Left: chrome://flags in incognito window in Wavebox
Right: chrome://flags in latest chrome

Ticket20200210_1857_3322

And a bit closer. Wavebox on the top:
Ticket20200210_1901_3324

@Thomas101
Copy link
Member

What version nvidia drivers are you using at the moment?

@ToLive
Copy link
Author

ToLive commented Feb 10, 2020

@Thomas101 441.87 from 01/06/2020

@ToLive
Copy link
Author

ToLive commented Feb 10, 2020

Updated right now to 442.19, nothing changed

@ToLive
Copy link
Author

ToLive commented Feb 12, 2020

Also I compared chrome://gpu with Vivaldi and it has disabled chrome://flags/#enable-oop-rasterization , not chrome://flags/#enable-gpu-rasterization . Disabling it in Wavebox seems to have similar good effect for images. But not for fonts :(

@Thomas101
Copy link
Member

I tried a bunch of the flags to see if anything had any effect but didn't find anything.

I'm wondering if there are some fixes either in Windows or the Nvidia drivers that looks out for chrome, vivaldi, chromium in exec specifically. I'm starting a plain chromium build to see if that exhibits the same behaviour as Chrome & Vivaldi and then I'll try changing the application name to see if that changes the behaviour. It takes about a day to run each build from scratch so I'll try to squeeze it between other tasks

@ToLive
Copy link
Author

ToLive commented Feb 12, 2020

@Thomas101 Great, thanks!

Take a look at one more thing. chrome://gpu has different colors than Vivaldi and Chrome. Maybe it is some sort of CSS applying on top and messes things up?

Wavebox is on the left.
Ticket20200212_1133_3328

@Thomas101
Copy link
Member

We've just shipped 10.0.80 to the beta channel, which has a fix for this. Would be great to know if this is better your end too!

@ToLive
Copy link
Author

ToLive commented Feb 17, 2020

@Thomas101 That is awesome! Now it is fixed! THANK YOU!

May I know what was the cause of this issue?

@Thomas101
Copy link
Member

@ToLive Pixie dust :)

From what we could figure out, the issue comes up with certain graphics cards on Windows and it's all down to the way the driver combines the rendered font with the background it's rendering on. There are some additional build flags you can give to Chromium to tell it to use DirectWrite for fonts, which doesn't have this issue

@ToLive
Copy link
Author

ToLive commented Feb 17, 2020

Great!

@ToLive ToLive closed this as completed Feb 17, 2020
@Kytrex5625
Copy link

Hey there, I would like to say that, it now seems the issue is back, and I had reset my pc for this, and it still having this issue, any ways to solve this?
image

@Thomas101
Copy link
Member

@Kytrex5625 can you give some details about which version of Wavebox you're using and the Operating System you're using? Thanks

@Thomas101
Copy link
Member

Also, are you using any other Chromium browser (i.e Chrome, Edge, Brave, Vivaldi), which versions of these are you using and is the text blurry on these? Just in case it's a GPU driver issue or something

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants