<h3 dir="auto">Preflight Checklist</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://www.github.com/electron/electron/issues">issue tracker</a> for a feature request that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Electron Version</h3>
<p dir="auto">v15.0.0-nightly.20210623</p>
<h3 dir="auto">What operating system are you using?</h3>
<p dir="auto">macOS</p>
<h3 dir="auto">Operating System Version</h3>
<p dir="auto">Big Sur</p>
<h3 dir="auto">What arch are you using?</h3>
<p dir="auto">x64</p>
<h3 dir="auto">Last Known Working Electron version</h3>
<p dir="auto">v15.0.0-nightly.20210622</p>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">When <code class="notranslate">transparent: true</code> is set in BrowserWindow constructor options, the resulting window is transparent.</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">It is opaque white, though the titlebar correctly does not show.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/2036040/125655542-e65369bf-28a5-4005-a333-5ae55effedfe.png"><img width="821" alt="Screen Shot 2021-07-14 at 9 06 06 AM" src="https://user-images.githubusercontent.com/2036040/125655542-e65369bf-28a5-4005-a333-5ae55effedfe.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Testcase Gist URL</h3>
<p dir="auto"><a href="https://gist.github.com/b52f026c763057f97f745fade82758fd">https://gist.github.com/b52f026c763057f97f745fade82758fd</a></p>
<h3 dir="auto">Additional Information</h3>
<p dir="auto">Bisected to <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/electron/electron/commit/b8261f15916eb94428d5672716f85c56720b1501/hovercard" href="https://github.com/electron/electron/commit/b8261f15916eb94428d5672716f85c56720b1501"><tt>b8261f1</tt></a>, and from within the Chromium roll to <a href="https://chromium-review.googlesource.com/c/chromium/src/+/2695928" rel="nofollow">this CL</a></p>
<h3 dir="auto">Preflight Checklist</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://www.github.com/electron/electron/issues">issue tracker</a> for a feature request that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Electron Version</h3>
<p dir="auto">14.0.0-beta.12</p>
<h3 dir="auto">What operating system are you using?</h3>
<p dir="auto">Windows</p>
<h3 dir="auto">Operating System Version</h3>
<p dir="auto">10.0.19042 Build 19042</p>
<h3 dir="auto">What arch are you using?</h3>
<p dir="auto">x64</p>
<h3 dir="auto">Last Known Working Electron version</h3>
<p dir="auto">13</p>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">Window should be transparent</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">Open a window with transparency enabled and delete the dom, the window will be white instead of transparent.<br>
<strong>Also seems like settings the backgroundColor property has no longer an effect.</strong> I always see a white window</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const {app, BrowserWindow} = require('electron')
const path = require(&quot;path&quot;);

function createWindow () {
	const mainWindow = new BrowserWindow({
		transparent: true,
		frame: false,
	})

	mainWindow.loadURL('https://example.com')
	mainWindow.webContents.openDevTools()
}

app.whenReady().then(createWindow)"><pre class="notranslate"><code class="notranslate">const {app, BrowserWindow} = require('electron')
const path = require("path");

function createWindow () {
	const mainWindow = new BrowserWindow({
		transparent: true,
		frame: false,
	})

	mainWindow.loadURL('https://example.com')
	mainWindow.webContents.openDevTools()
}

app.whenReady().then(createWindow)
</code></pre></div>
<h3 dir="auto">Testcase Gist URL</h3>
<p dir="auto"><a href="https://gist.github.com/e124340107f6c4a3ade8b36d98a16b9a">https://gist.github.com/e124340107f6c4a3ade8b36d98a16b9a</a></p>
<h3 dir="auto">Additional Information</h3>
<p dir="auto"><em>No response</em></p>