MacOS: tray icon is only showing on external display

[Zmaon]

Hello,

I'm working on a tray application that is mainly intended to run on MacOS and I have a strange issue.

My setup is a Macbook with an external display. When started, the tray icon only shows on the external display, not on the Macbook one, regardless of which screen is set as the main screen in the system settings. Worst, if I disconnect the main screen and restart the app the tray icon doesn't show at all.

Here is my main.rs:

#![cfg_attr(
    all(not(debug_assertions), target_os = "windows"),
    windows_subsystem = "windows"
)]

use tauri::{Manager, SystemTray, SystemTrayEvent, Position, PhysicalPosition};
use window_ext::WindowExt;
use tauri::ActivationPolicy;
mod window_ext;

#[tauri::command]
fn set_running_tray_icon(app: tauri::AppHandle) -> Result<(), String> {
    app.tray_handle().set_icon(tauri::Icon::Raw(include_bytes!("../icons/tray/running.png").to_vec())).unwrap();
    Ok(())
}

#[tauri::command]
fn set_idle_tray_icon(app: tauri::AppHandle) -> Result<(), String> {
    app.tray_handle().set_icon(tauri::Icon::Raw(include_bytes!("../icons/tray/stopped.png").to_vec())).unwrap();
    Ok(())
}

fn main() {
    let system_tray = SystemTray::new();

    tauri::Builder::default()
        .invoke_handler(tauri::generate_handler![set_running_tray_icon, set_idle_tray_icon])
        .setup(|app| {
            let win = app.get_window("main").unwrap();
            #[cfg(not(debug_assertions))]
            {
                win.set_always_on_top(true).expect("Could not set always on top");
                app.set_activation_policy(ActivationPolicy::Accessory);
            }
            #[cfg(debug_assertions)]
            {
                win.show().expect("Could not show window");
            }
            win.set_transparent_titlebar(true, true);
            Ok(())
        })
        .system_tray(system_tray)
        .on_system_tray_event(|app, event| match event {
            SystemTrayEvent::MenuItemClick {.. } => {},
            SystemTrayEvent::LeftClick { position, .. } => {
                let win = app.get_window("main").unwrap();
                let is_visible = win.is_visible();
                let window_size = win.outer_size().unwrap();
                let monitor = win.current_monitor().unwrap().unwrap();
                let monitor_size = monitor.size();
                let monitor_position = monitor.position();
                // println!("Monitor size: {:?}, position {:?}", monitor_size, monitor_position);

                if is_visible.unwrap() {
                    win.hide().ok();
                } else {
                    win.show().ok();
                    win.set_focus().ok();
                }
                let mut win_x = position.x - (window_size.width / 2) as f64;
                let monitor_width = monitor_size.width as f64;
                if win_x > monitor_width {
                    win_x = monitor_width;
                }
                win.set_position(Position::Physical(PhysicalPosition { x: win_x as i32, y: monitor_position.y })).ok();
            },
            SystemTrayEvent::RightClick {..} => {},
            SystemTrayEvent::DoubleClick {..} => {},
            _ => todo!(),
        })
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

and my conf:

{
  "build": {
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run build",
    "devPath": "http://localhost:1420",
    "distDir": "../dist",
    "withGlobalTauri": true
  },
  "package": {
    "productName": "Timing App",
    "version": "../package.json"
  },
  "tauri": {
    "updater": {
      "active": true,
      "endpoints": [],
      "dialog": true,
      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEMzOTM4MDc3NkNBMTJERjIKUldUeUxhRnNkNENUdzE3b09EWEZISmlXWDhzVkJsZy9lSXcrRDE4QXJ5bDBXRjVaL3VBQWVSdngK"
    },
    "systemTray": {
      "iconPath": "icons/tray/stopped.png",
      "iconAsTemplate": true
    },
    "allowlist": {
      "shell": {
        "open": true
      },
      "http": {
        "all": true,
        "request": true,
        "scope": []
      },
      "window": {
        "hide": true
      }
    },
    "bundle": {
      "active": true,
      "category": "DeveloperTool",
      "copyright": "",
      "deb": {
        "depends": []
      },
      "externalBin": [],
      "icon": [
        "icons/32x32.png",
        "icons/128x128.png",
        "icons/[email protected]",
        "icons/icon.icns",
        "icons/icon.ico"
      ],
      "identifier": "ch.test.app",
      "longDescription": "",
      "macOS": {
        "entitlements": null,
        "exceptionDomain": "",
        "frameworks": [],
        "providerShortName": null,
        "signingIdentity": null
      },
      "resources": [],
      "shortDescription": "",
      "targets": "all",
      "windows": {
        "certificateThumbprint": null,
        "digestAlgorithm": "sha256",
        "timestampUrl": ""
      }
    },
    "security": {
      "csp": null
    },
    "windows": [
      {
        "fullscreen": false,
        "height": 650,
        "resizable": true,
        "title": "my-app
        "width": 350,
        "skipTaskbar": true,
        "visible": false
      }
    ]
  }
}

Has anyone encountered this strange behavior?

Thanks,

Simon

[phattranky]

Hi @Zmaon

Could you tell me, How did you fix this issue ?

[Zmaon]

Hi @phattranky,

If I remember well it was not an issue with the app, but due to the fact that there was no space left for the icon in my tray on my laptop. Closing other apps having tray icons made it reappear.

I also realized that Cmd+clicking on a tray icon allows you to move it and assign a place in the tray to it, that will be used next time you start the app. This allows you to choose which icons will be hidden if there is no room for all of them.

Hope this helps,

Simon

[phattranky]

Hi @Zmaon ,

You're right. I just tested on my side, I tried to remove the tray icons of other Apps and see my app works as expected

Thank you a lot . I think this issue confuses a lot of people