I am working on an electron application and what i would like to do, is ensure that other applications/web browsers are automatically docked beneath the electron app and aren’t hidden behind the toolbar when maximized.

Can anyone help? any help would be much appreciated!

Below is the code i have so far in my index.js:

function createWindow(){
mainWindow = new BrowserWindow({height: 10, width: 300, frame: false,titleBarStyle: 'none',resizable: false, webPreferences: { nodeIntegration: true, 
  contextIsolation: false }})

mainWindow.setAlwaysOnTop(true, 'screen-saver') 
mainWindow.setVisibleOnAllWorkspaces(true);
mainWindow.loadFile('index.html')
mainWindow.setMenuBarVisibility(false)
mainWindow.setPosition(0,0)


app.on('ready', () => {
createWindow();
})