Can't interact with Electron app

  • After launching the app I can’t interact with the loaded html page: mouse pointer wouldn’t affect elements with hover class and script won’t load content.

  • Minimizing and then maximizing window will make app behave normally.

  • This issue occurs only if show is set to false and window is shown after app is loaded.

  • The workaround is to open DevTools after showing the window which will force app to launch properly.
    mainWindow.once(‘ready-to-show’, () => {
    mainWindow.show()
    mainWindow.webContents.openDevTools()
    })

To me it seems like app window appears in the background however adding the win.focus() method doesn’t make any difference. Is there any possible way to workaround this issue without setting show to true?

The issue was fixed by removing the maximizable option which was previously set to false . After that app started to load properly.

I now use the win.setMaximizable(false) method to prevent the app window from being maximized after it’s already been loaded and shown.