[Bug]: Text corruption with inline image on Linux with Intel GPU

[cas--]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a bug report that matches the one I want to file, without success.

Electron Version

24

What operating system are you using?

Ubuntu

Operating System Version

22.04

What arch are you using?

x64

Last Known Working Electron version

17.4.11

Expected Behavior

Text is not corrupted or garbled

Actual Behavior

Text is corrupted or garbled

Testcase Gist URL

https://gist.github.com/0d6e3524b9b095e1e567a07a7c797e31

Additional Information

This is a common problems in the sidebar of several Electron apps for Linux users with Intel GPUs:

• Text in left navigation menu is garbled logseq/logseq#7233
• weird overlay in notebook list when hover one laurent22/joplin#7506

The initial suggested workaround was to disable GPU rendering,then it was found that opacity was somehow related and from my research it seems to be something to do with stacking contexts with inline icon and text elements.

[cas--]

This looks like it originates as a Chromium bug since Electron 18 moved to Chromium 100 and checking old releases I can see the following:

Chromium versions from clickot or linchrome

• 98.0.4758.80 - Good
• 99.0.4844.84 - Good
• 100.0.4896.75 - Bad
• 112.0.5615.165 - Bad

The latest version installed with Ubuntu 22.04 seems good though

• 112.0.5615.49 - Good

Is there something else at play with the packaging? 🤔

[stereomato]

Wew, about time I found a bug report about this, didn't knew how to report it myself. I can also confirm that the good chromium releases don't have text rendering bugs on pleroma instances. I also get the text rendering bug on Element.

[stereomato]

@cas-- could you help here? https://gitlab.freedesktop.org/mesa/mesa/-/issues/8853

[cas--]

@pearsche What help do you need? Not sure how much I can add, other than how to replicate using that index.html

However it does look to be fixed in latest Chromium 113, testing with clickot releases:

• ungoogled-chromium_113.0.5672.63 - Good
• ungoogled-chromium_113.0.5672.127 - Good

Edit:

Found it is still broken testing with Electro 25 via Electron Fiddle so not sure what is going on here...

I wonder if this libva error could be related:

libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)

[stereomato]

Libva is for hw video acceleration, so i doubt its related.

[stereomato]

I've noticed that the text rendering bug i get on pleroma instances is far lesser with that version of chrome. well, that's nice...

[electron-issue-triage]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. If you have any new additional information—in particular, if this is still reproducible in the latest version of Electron or in the beta—please include it with your comment!

[cas--]

bump

[electron-issue-triage]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. If you have any new additional information—in particular, if this is still reproducible in the latest version of Electron or in the beta—please include it with your comment!

[stereomato]

@cas-- do you still get this bug, even with mesa 23.2 or newer?

[electron-issue-triage]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. If you have any new additional information—in particular, if this is still reproducible in the latest version of Electron or in the beta—please include it with your comment!

[electron-issue-triage]

This issue has been closed due to inactivity, and will not be monitored. If this is a bug and you can reproduce this issue on a supported version of Electron please open a new issue and include instructions for reproducing the issue.