[GH-ISSUE #1433] [BUG] Tray popup items unclickable, for some reason #1840

New issue

Closed

opened 2026-05-22 22:54:54 +01:00 by JakeStanger · 1 comment

JakeStanger commented

2026-05-22 22:54:54 +01:00

Owner

Originally created by @doccnova on GitHub (Mar 28, 2026).
Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/1433

Describe the bug
Best example to explain would be with Steam. Steam hangs in the tray, when I right click the tray item, popup opens, but when I press ANY of the popup items, it does nothing. Pressing "Library"? It won't open it. Selecting a game? Won't launch it neither. Same with other apps like Telegram or KDE Connect.

To reproduce

Add Tray as a module
Open an app, f.i., Steam
Right-click to open the actions popup
Try to use any - nothing will work

Expected behavior
Whenever I press any of the popup items, for it to do what needed. With same Steam, open the library or launch a game, for instance.

System information:

Distro: CachyOS
Compositor: Hyprland
Ironbar version: 0.18.0

Configuration

Config

monitors:
  eDP-1:
    position: "top"
    margin.top: 5
    margin.bottom: 5
    margin.left: 10
    margin.right: 10
    height: 24
    icon_theme: Breeze
    start:
      - type: workspaces
        all_monitors: true
        favorites:
          - "1"
          - "2"
          - "3"
          - "4"
        name_map:
          1: " "
          2: " "
          3: " " 
          4: " " 
    center:
      - type: music
        player_type: mpris
    end:
      - type: tray
      - type: volume
      - type: keyboard
        show_scroll: false
        show_caps: true
        show_num: true
        icon_size: 22
        icons:
          caps_on: " 󰪛 "
          num_on: " 󰎤 "
          layout_map:
            "English (US)": 🇺🇸
            Russian: 🇷🇺
      - type: notifications
      - type: custom
        bar:
          - type: button
            class: wlogout
            label: "⏻"
            on_click: "!wlogout"

Styles

@import "colors.css";

* {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border: none;
  filter: none;
}

window.background {
  margin: 3px 3px 3px 3px;
  border-radius: 10px;
  background: transparent;
}

#bar {
  border-radius: 10px;
  margin: 5px 5px 5px 5px;
}

scale.slider trough {
  background: mix(@on_primary, transparent, 0.1);
}

scale.slider trough slider {
  min-width: 12px;
  min-height: 12px;
  background: @primary_container;
}

scale.slider.horizontal trough slider {
  margin: -5px 0px -5px 0px;
}

scale.slider.vertical trough slider {
  margin: 0px -5px 0px -5px;
}

scale.slider.horizontal trough highlight {
  background: linear-gradient(to right, @primary, @on_primary_container);
}

scale.slider.vertical trough highlight {
  background: linear-gradient(to top, @primary, @on_primary_container);
}

.popup {
  background: @surface_container_low;
  color: @on_surface;
  border: 2px solid @primary;
  border-radius: 10px;
}

popover {
  background: @surface_container_low;
  color: @on_surface;
  border: 2px solid @primary;
  border-radius: 10px;
}

.workspaces {
  margin: 0px 0px 2px 2px;
}

.workspaces .item.focused {
  background: @surface_container_low;
  border: 2px solid @primary;
}

.workspaces .item {
  background: @surface_container_low;
  border: 2px solid @primary_container;
  margin: 0px 0px 2px 2px;
}

.music {
  border: 2px solid @primary;
  background: @surface_container_low;
  margin: 0px 0px 2px 2px;
}

.popup-music {
  background: @surface_container_low;
  color: @on_surface;
  border: none;
}

.popup-music .volume {
  border: none;
}

.popup-music popover {
  background: transparent;
  border: none;
}

.tray .item {
  border: 2px solid @primary;
  background: @surface_container_low;
  margin: 0px 0px 2px 2px;
}

.popup-tray {
  background: @surface_container_low;
  color: @on_surface;
}

.volume {
  border: 2px solid @primary;
  border-radius: 10px;
  background: @surface_container_low;
  margin: 0px 0px 2px 2px;
}

.popup-volume {
  border: none;
}

.keyboard {
  background: @surface_container_low;
  border: 2px solid @primary;
  border-radius: 10px;
  margin: 0px 0px 2px 2px;
}

.notifications {
  background: @surface_container_low;
  border: 2px solid @primary;
  border-radius: 10px;
  margin: 0px 0px 2px 2px;
}

.wlogout {
  background: @surface_container_low;
  border: 2px solid @primary;
  border-radius: 10;
  margin: 0px 0px 2px 2px;
}

Additional context
Funny enough, KDE Connect's device swipe works. Like, when I press Galaxy A51, it works as a page to-be-switched-to, but neither buttons there trigger no action, neither.

Screenshots

https://github.com/user-attachments/assets/d1754e6a-cf21-4d25-b1ff-35461a2b4cdd

Originally created by @doccnova on GitHub (Mar 28, 2026). Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/1433 **Describe the bug** Best example to explain would be with Steam. Steam hangs in the tray, when I right click the tray item, popup opens, but when I press ANY of the popup items, it does nothing. Pressing "Library"? It won't open it. Selecting a game? Won't launch it neither. Same with other apps like Telegram or KDE Connect. **To reproduce** 1. Add Tray as a module 2. Open an app, f.i., Steam 3. Right-click to open the actions popup 4. Try to use any - nothing will work **Expected behavior** Whenever I press any of the popup items, for it to do what needed. With same Steam, open the library or launch a game, for instance. **System information:** - Distro: CachyOS - Compositor: Hyprland - Ironbar version: 0.18.0 **Configuration** <details><summary>Config</summary> ```yaml monitors: eDP-1: position: "top" margin.top: 5 margin.bottom: 5 margin.left: 10 margin.right: 10 height: 24 icon_theme: Breeze start: - type: workspaces all_monitors: true favorites: - "1" - "2" - "3" - "4" name_map: 1: " " 2: " " 3: " " 4: " " center: - type: music player_type: mpris end: - type: tray - type: volume - type: keyboard show_scroll: false show_caps: true show_num: true icon_size: 22 icons: caps_on: " 󰪛 " num_on: " 󰎤 " layout_map: "English (US)": 🇺🇸 Russian: 🇷🇺 - type: notifications - type: custom bar: - type: button class: wlogout label: "⏻" on_click: "!wlogout" ``` </details> <details><summary>Styles</summary> ```css @import "colors.css"; * { background-color: transparent; background-image: none; box-shadow: none; border: none; filter: none; } window.background { margin: 3px 3px 3px 3px; border-radius: 10px; background: transparent; } #bar { border-radius: 10px; margin: 5px 5px 5px 5px; } scale.slider trough { background: mix(@on_primary, transparent, 0.1); } scale.slider trough slider { min-width: 12px; min-height: 12px; background: @primary_container; } scale.slider.horizontal trough slider { margin: -5px 0px -5px 0px; } scale.slider.vertical trough slider { margin: 0px -5px 0px -5px; } scale.slider.horizontal trough highlight { background: linear-gradient(to right, @primary, @on_primary_container); } scale.slider.vertical trough highlight { background: linear-gradient(to top, @primary, @on_primary_container); } .popup { background: @surface_container_low; color: @on_surface; border: 2px solid @primary; border-radius: 10px; } popover { background: @surface_container_low; color: @on_surface; border: 2px solid @primary; border-radius: 10px; } .workspaces { margin: 0px 0px 2px 2px; } .workspaces .item.focused { background: @surface_container_low; border: 2px solid @primary; } .workspaces .item { background: @surface_container_low; border: 2px solid @primary_container; margin: 0px 0px 2px 2px; } .music { border: 2px solid @primary; background: @surface_container_low; margin: 0px 0px 2px 2px; } .popup-music { background: @surface_container_low; color: @on_surface; border: none; } .popup-music .volume { border: none; } .popup-music popover { background: transparent; border: none; } .tray .item { border: 2px solid @primary; background: @surface_container_low; margin: 0px 0px 2px 2px; } .popup-tray { background: @surface_container_low; color: @on_surface; } .volume { border: 2px solid @primary; border-radius: 10px; background: @surface_container_low; margin: 0px 0px 2px 2px; } .popup-volume { border: none; } .keyboard { background: @surface_container_low; border: 2px solid @primary; border-radius: 10px; margin: 0px 0px 2px 2px; } .notifications { background: @surface_container_low; border: 2px solid @primary; border-radius: 10px; margin: 0px 0px 2px 2px; } .wlogout { background: @surface_container_low; border: 2px solid @primary; border-radius: 10; margin: 0px 0px 2px 2px; } ``` </details> **Additional context** Funny enough, KDE Connect's device swipe works. Like, when I press Galaxy A51, it works as a page to-be-switched-to, but neither buttons there trigger no action, neither. **Screenshots** https://github.com/user-attachments/assets/d1754e6a-cf21-4d25-b1ff-35461a2b4cdd

JakeStanger

2026-05-22 22:54:54 +01:00