Overlay shows as white in electron

[edbentley]

Electron version: 25.3.0

When I call electronEnableSteamOverlay and launch my game, an overlay appears but it is a white rectangle. Pressing shift+tab to open the overlay just presents a white screen. If I resize my game window manually, then the overlay renders properly.

Based on these notes, this appears to be exactly what the --disable-direct-composition flag fixes, which is added in electronEnableSteamOverlay:

steamworks.js/index.js

Line 57 in b2ae8ae

electron.app.commandLine.appendSwitch('disable-direct-composition')

But it doesn't seem to be working for me? Is anyone else getting this issue now?

[dfabulich]

This bug report doesn't include enough information to reproduce your issue.

Start by testing the example Electron project, checked into this repository, in the test/electron directory.

The easiest way to test it is to copy the entire test/electron folder to a separate directory outside the repository, and edit package.json, changing the line "steamworks.js": "../.." to "steamworks.js": "0.3.0". Run npm install in the electron folder, and then launch the Steam client app, and then npm start.

(Note that you do have to launch the Steam client app yourself manually before launching the Electron app; the Steamworks API is designed to communicate with the Steam client app process to do its work.)

If the example works, then that indicates that the issue is in your project. To reproduce the issue, you'd need to publish your own sample project that we could see. It would also help if you mentioned which operating system/version you're on, and whether you're on an ARM or x64 CPU.

[Watunder]

I believe this issue is related to electron, everything is fine in version 24.x.x

[NicklessOne]

Electron version: 25.3.0

When I call electronEnableSteamOverlay and launch my game, an overlay appears but it is a white rectangle. Pressing shift+tab to open the overlay just presents a white screen. If I resize my game window manually, then the overlay renders properly.

Based on these notes, this appears to be exactly what the --disable-direct-composition flag fixes, which is added in electronEnableSteamOverlay:

steamworks.js/index.js

Line 57 in b2ae8ae

electron.app.commandLine.appendSwitch('disable-direct-composition')

But it doesn't seem to be working for me? Is anyone else getting this issue now?

Thanks @Watunder! I had the same problem and downgrade to v24.8.1 solved the problem. 🙂

[dfabulich]

None of y'all mentioned anything about what operating system/version/architecture you're on. We actually do need that to reproduce any issues you're facing.

[NicklessOne]

None of y'all mentioned anything about what operating system/version/architecture you're on. We actually do need that to reproduce any issues you're facing.

Sorry...

OS: Windows 10
Electron: 25.4.0 (now 24.8.1, after @Watunder suggestion)
Steamworks.js: 0.3.1

[hulifu]

the same issue

OS: Windows 10
Electron: 26.2.1
Electron: 25.4.0
Steamworks.js: 0.3.1

Electron v24.8.1 can't see steam page

Start by testing the example Electron project, checked into this repository, in the test/electron directory.

Shift+Tab can not open steam page also no see bottom-right steam pop page