'Is there a way to ensure that my electron app is automatically docked above all applications/browsers when launched?

I'm currently creating a desktop app using electron, and what I would like to do is ensure that the app is automatically docked above all other applications/browsers when launched. (basically how the windows taskbar functions). Does anyone know if this is possible?

At the moment web browsers and apps sit behind the desktop app which makes it very inconvenient when users would like to close down/minimize other apps.

Below is the code I currently have:

function reasonsHorizontal() 
    {
      sidebar = new BrowserWindow({height: 100, width:1300, titleBarStyle: 'none', frame:false, 
      resizable: false, backgroundColor: '#283243',  webPreferences: { nodeIntegration: true, 
      contextIsolation: false}})
      sidebar.loadFile('sidebar.html')
      sidebar.setPosition(0,100, true)
      sidebar.setMenuBarVisibility(false)
      sidebar.setAlwaysOnTop(true, 'floating')
}

I have attempted to use some of the built in functions such as "moveTop() and setTopBrowserView()" but none of them work. What I've also noticed is that there aren't many resources online for electron, which makes it even harder to figure out if this is even possible.

Does anyone know or have a solution for this? thanks.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source