electron: [Bug]: Transparent backgrounds rendering white on Browser Windows

Preflight Checklist

Electron Version

16.0.0-nightly.20210915

What operating system are you using?

macOS

Operating System Version

macOS Big Sur (also affects Windows and Linux)

What arch are you using?

x64

Last Known Working Electron version

16.0.0-nightly.20210903

Expected Behavior

Setting transparent: true should turn a browser window transparent on creation.

Actual Behavior

Setting transparent: true has a white background on creation.

Testcase Gist URL

https://gist.github.com/106a1a501ebcdd8dc5b357b3696f4afa

Additional Information

Does not affect 14 or 15, main only. Alt + tabbing away from and back to the window does cause the transparent background to appear, so this may be a painting/timing issue.

About this issue

  • Original URL
  • State: closed
  • Created 3 years ago
  • Comments: 20 (3 by maintainers)

Commits related to this issue

Most upvoted comments

Found a workaround that at least works for BrowserViews on Windows 10. Just add transparent: true

const view = new BrowserView(webPreferences: {
    transparent: true,
});

I just tried out the 16.0.0-alpha.3 and the bug is still there, so the PR did not completely fix it. Or was there any API change in between?

For me it was working in 14.0.0 and stopped working in 14.0.1. So there’s always a white background on macOS despite having set the vibrancy option. And it’s not just random, it’s consistent. Tabbing away does not fix the background color problem.

I believe it is related to the backgroundColor fix merged for 14.0.1

Wait there’s a 14.0.1 already? Missed the release somehow. Let me try it and I’ll let you know!