title: Docking electron window on top of browsers and other applications
body: <p>I have asked this question on a number of different forums and have not been able to find a solution. Can ANYONE tell me if this can be done?</p>
  <p>When launched my Browserwindow currently sits on top of every other application that's running and is placed at the top of my screen which is what i want. However i also want the browser window to <strong>SIT ABOVE</strong> other applications. google chrome and other browsers such as Microsoft edge should sit below the electron app.</p>
  <p>I've looked at discussions online and apparently this is doable on macOs, however no ones really said for definite if this can be done on windows devices or not.</p>
  <p>Heres my code:</p>
  <pre class="lang-js prettyprint-override"><code>const createWindow = () =&gt; {
      // Create the browser window.
      const mainWindow = new BrowserWindow({
          width: 1920,
          height: 200,
          alwaysOnTop:true,
          titleBarStyle: 'none',
          frame: false,
          resizable: false,
          minimizable: false,
          type: 'toolbar',
          webPreferences: {
              nodeIntegration: true,
              contextIsolation: false}
          });
    
      mainWindow.setAlwaysOnTop(true, &quot;screen-saver&quot;);
      mainWindow.setVisibleOnAllWorkspaces(true);
      mainWindow.setMenuBarVisibility(false);
      mainWindow.moveTop();
      mainWindow.setPosition(0,0)
      // and load the index.html of the app.
      mainWindow.loadFile(path.join(__dirname, 'index.html'));
  </code></pre>
  <p>Does anyone have a solution for this?</p>
  <p>Thankyou</p>