Solved Broken text on tabs

exist2resist

It is definitely an intel graphics problem with Vivaldi, but only vivalid.
If I run it using discrete graphics card (nvidia) the issue goes away.
Running Fedora 36 here.

exist2resist

@tomica new kernel didn't fix it for me, I'm on a third kernel version since installing version 5.2 and I still have the problem.
If you have dual GPU use other GPU for your browser, seems like the problem is related to using the intel hardware.
Other wise disabling GPU rasterization fixes it as well, that's a permanent flag you can set in vivaldi.

exist2resist

@npro said in Broken text on tabs:

--disable-gpu-rasterization

Ok so in the browser if I navigate to vivaldi://flags/#enable-gpu-rasterization
and disable it and relaunch it does solve the issue of the tab text being all distorted.

GyozaGuy

I hadn't seen this issue at all until I installed Kubuntu 22.04, then I got the garbled tab text. Disabling hardware acceleration in settings as suggested on page 1 fixed it for me. Thanks!

tomica

Everyone, please do not refer to disabling hardware accelleration as "solution" to this issue. Hardware accelleration is important, and we should not be forced to give it up to get readable text in Vivaldi. I'm hoping this gets fixed soon, either by Vivaldi, or with a graphic card driver update.

angw97

Same on Fedora 36, nee to fix this.

DoctorG

Does setting fo a internal flag as described at https://forum.vivaldi.net/post/592313 help you?

GyozaGuy

@DoctorG said in Broken text on tabs:

Does setting fo a internal flag as described at https://forum.vivaldi.net/post/592313 help you?

This works for me. I was able to re-enable hardware acceleration and the tabs are still readable with this flag set.

DoctorG

@GyozaGuy Congrats, you've solved it.

jcs224

I'm also having the issue with garbled text in my tabs, just like @cmccullough. I see Intel Xe graphics mentioned a few times, that is also what I'm using. Could this be the culprit? If so, who do we report this bug to? Vivaldi or Intel?

DoctorG

@jcs224 If that is a driver issue, Intel bug tracker is the correct to report.

ngamradt

I am having the same issue, I have put in a bug report.

ChTBonerd

hi everyone,

Since I updated from Ubuntu 20.04 to 22.04, I get this weird thing.

Somehow it only happened on my work computer, not my personal one.

Also only happens with the binary from the official repo.
I did not get the error, when, for the sake of trying, I installed vivaldi from nix-env.

ChTBonerd

Thanks moderator for pointing me here. Disabling gpu rasterization helped.

DoctorG

@ChTBonerd Yes, internal setting vivaldi://flags/#enable-gpu-rasterization to Disable can help in case of such driver issue.

Slacking2682

@jhdore @guigirl I has having the same issue with horizontal tabs (which i love btw) and disabling hardware acceleration worked for me as well. Thanks for sorting this! Was really frustrating me

FWIW I'm using 5.4.2753.37 (Stable channel) stable (64-bit) on Pop_OS 22.04.

choi

EDIT!
IT did not work.. I apperantly had 19 tabs loaded... which on my 1920x1080p screen, shrunk the tabs horizontally... which seems to be the thing the fixed it(when I have that many tabs up) but removing some tabs shows the problem again..
/EDIT

Hello all!

Fix you broken fonts in Vivaldi tabs without disabling GPU rasterization!

TL;DR

1: Create a custom.css file in your home dir

2: Enable 'Allow for using CSS modifications' setting by going here
vivaldi://experiments

3: Ask Vivaldi to load the custom.css file

4: Restart Vivaldi

5: Problem fixed(for me atleast)

The full story...
I have been messing around with trying to get this fixed on ubuntu 22.04, without having to disable the GPU-rasterization feature which is access at
-> vivaldi://flags

I dislike forcing the users to do this, even though it does not seemingly hinder performance.

I began to think that the font that is chosen on the tabs where the culprit, and thus tried to see if I could change them somehow.

I did find an old thread about someone adding a custom.css file and enabled Vivaldi to load this .css file.

https://forum.vivaldi.net/topic/50973/change-font-throughout-vivaldi-windows

This css file in the thread (atleast on windows) is supposed to load a Comic Sans MS font into the Vivaldi as its 'system' font.

Anyway, I created the file, and copy/pasted the content and saved the file(in my home directory)

Then I asked Vivaldi to load it.
Restarted vivaldi - lo and behold, the font are no longer garbled, and it's not even in Comic Sans(thank god!)

So, I'm not sure if this will work on other installations, but it worked on my system.

DoctorG

@choi Thanks for sharing your fix.

agarrido

@choi said the fix don't work. I have that problem on Vivaldi & Manjaro.

Vivaldi
5.5.2805.32 (Stable channel) stable (64-bit)
d64e16c55e5781250031cd1a31752714446b5721.
Manjaro 22.0.0.

Any update about this bug?.

Thanks.

DoctorG

@agarrido I said in Broken text on tabs:

setting vivaldi://flags/#enable-gpu-rasterization to Disable can help

And what had you tried?