webContentsView steals focus after loading url

main.js

const {app, BrowserWindow, ipcMain, WebContentsView} = require('electron')

let mainWindow

function createWindow () {

	const mainWindow1 = new BrowserWindow({
		x: 0,
		y: 0,
		width: 1000,
		height: 600,
		show: true,
		frame: false,
	});
	mainWindow1.loadURL("https://www.google.com").then(() => {
		mainWindow1.webContents.openDevTools();
	})

	const bw1 = new WebContentsView({
		x: 0,
		y: 0,
		width: 200,
		height: 200,
		show: true,
	});
	bw1.setBounds({
		x: 0,
		y: 0,
		width: 200,
		height: 200,
	});
	bw1.webContents.loadURL("https://www.google.com");
	bw1.webContents.openDevTools({mode: "detach"})

	mainWindow1.contentView.addChildView(bw1);

}


app.on('ready', createWindow)
app.on('window-all-closed', function () {
	if (process.platform !== 'darwin') {
		app.quit()
	}
})
app.on('activate', function () {
	if (mainWindow === null) {
		createWindow()
	}
})

package.json

{
  "main": "main7.js",
  "scripts": {
    "start": "electron ."
  },
  "devDependencies": {
    "electron": "31.0.0"
  }
}