[Bug]: Tray missing on Ubuntu with data url

[jijojosephk]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a bug report that matches the one I want to file, without success.

Electron Version

22.0.0

What operating system are you using?

Ubuntu

Operating System Version

22.04

What arch are you using?

x64

Last Known Working Electron version

21.0.1

Expected Behavior

When application launches tray icon should be visible.

Actual Behavior

Tray icon is not shown.

Testcase Gist URL

No response

Additional Information

DE: Budgie
Distro: Ubuntu Budgie 22.0.02

[jijojosephk]

// Modules to control application life and create native browser window
const { app, BrowserWindow, Tray, nativeImage } = require('electron')
const path = require('path')
let tray = null;
function createWindow () {
  tray = new Tray(nativeImage.createFromDataURL('data:image/png;base64,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'));
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })


  // and load the index.html of the app.
  mainWindow.loadFile('index.html')

  // Open the DevTools.
  // mainWindow.webContents.openDevTools()
}

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.whenReady().then(() => {
  createWindow()

  app.on('activate', function () {
    // On macOS it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit()
})

// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.

[jijojosephk]

@codebytere it's not specific to data url. The same is with file path also.

[Zen33]

same issue in production mode.

[awilkins]

Suspect this might be linked to desktop environment, @jijojosephk - do any of the apps for ....

• Discord
• Slack
• Element

Exhibit the same problem on Budgie?

Tray icons for all of these are absent for me, I suspect (may be wrong) because Electron has moved to the KDE StatusNotifierItem implementation with no fallback to libindicator and my desktop (Unity) doesn't implement StatusNotifierItem AFAICT.

[jijojosephk]

Yes, Discord and Element do face the same issue and possibly Slack too. I tried to find something my own in electron repo and could see something changed for Tray Icon. I wonder why such a move when from libappindicator. At least it should support both libappindicator and KDEStatusNotifierItem unless it's something with the chromium. I'm not sure this is not widely discussed but to me it's a major breaking change.

[awilkins]

I think Chromium have been trying to remove it since 2014...

[jijojosephk]

@awilkins it could be a chromium problem as well then. Thanks for letting me know. Any idea, how to fix? or only a desktop environment can fix the problem?

[awilkins]

Looks like an update to a newer version of Electron may fix it?

#36602 is closed and links to
#36815

Edit : updated my very basic Electron Tray test project to 24.3.0 ; still not working on Unity (works fine on GNOME Shell).

This version has the fallback patch linked above in it, so either the fallback patch is broken or GtkStatusIcon isn't supported on my desktop (Unity).

Quite an old comment but seems like it might not be

[jijojosephk]

Not fixed for me.

[jijojosephk]

@awilkins budgie has an applet today I noticed. I installed and now I can see the tray icon. I think now, they fixed the tray icon implementation toKStatusNotifierItem. So the desktop environment does not have it, probably fail showing tray icons.

[jijojosephk]

https://github.com/rilian-la-te/xfce4-sntray-plugin

[jijojosephk]

But it's not maintained. Last build was in 2018, also buggy.

[tamer-hassan]

Tray icons for all of these are absent for me, I suspect (may be wrong) because Electron has moved to the KDE StatusNotifierItem implementation with no fallback to libindicator and my desktop (Unity) doesn't implement StatusNotifierItem AFAICT.

@awilkins Unity7 (in Ubuntu Unity 22.04/23.04) does support SNI via libayatana*
The issue is with updated XDG_CURRENT_DESKTOP environment variable. There's a temporary workaround which I detailed here, until this is supported by Electron (hopefully): #38979

[jijojosephk]

The problem is more with chromium project than electron. I feel now the responsibility is with individual desktop environments on app indicator implementation. I'm on Ubuntu budgie and had raised a defect. That's resolved now. Not sure that's uploaded to upstream projects.

[electron-issue-triage]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. If you have any new additional information—in particular, if this is still reproducible in the latest version of Electron or in the beta—please include it with your comment!

[electron-issue-triage]

This issue has been closed due to inactivity, and will not be monitored. If this is a bug and you can reproduce this issue on a supported version of Electron please open a new issue and include instructions for reproducing the issue.