Buttons are not displayed

[Klabost]

The buttons at the bottom of the card are not being displayed anymore since version >2.0. before hand i did not have any troubles.
I can hover over them and see that they are still there only their mdi:icon is not being displayed anymore.
The mdi icons are being displayed in other places in homeassistant. I also have this behavior with firefox, chrome and the homeassistant app.

[dersher]

I'm having this same issue.

[E-Sergey]

Hi! I have the same problem with shortcuts.

[Tomasinjo]

I don't think this is issue with version 2 since I was using v. 1.7.x and buttons disappeared after 2021.10 or 2021.11 update.

[itzyoungen]

Same issue here, new manual install today

[andrzejrostkowski]

Same here.
HA: core-2021.11.5
vacuum-card: 2.2.3
I've also noticed, as Tomasinjo, that the problem probably appeared after HA update. I updated vacuum-card hoping it will resolve the issue, but no luck.

[kdelios]

Same here. But when my roborock is cleaning, they are visible.

[T0ytoy]

I have the same issue, buttons does not appear after updating from 2021.08 to 2021.11 :(

[maxoss]

I'm still on 2021.10.6, same issue

Strange thing is that start/search buttons are not visible in chrome or android app but are visible on Google hub using home assistant cast.

Custom buttons are disappeared completely on all devices

[Furegato]

I'm on 2021.09.6 yet, and the bottom toolbar icons are not visible as well.

[Kseii]

Perhaps you have the buttons configured in the actions section of the configuration? If so, try moving them to shortcuts. This helped in my case, though I don't know the exact cause of this behavior.

i.e. use this:

actions:
  - icon: mdi:sofa
    name: Clean living room
    service: script.clean_living_room

instead of this:

shortcuts:
  - icon: mdi:sofa
    name: Clean living room
    service: script.clean_living_room

[T0ytoy]

@Kseii if I use shortcuts, nothing appears at all in the toolbar, except for the "play" button (still no icon on this one). With actions, at list I can press my invisibles buttons to exectutes scripts.

`type: custom:vacuum-card
entity: vacuum.vaisseau_mere_litter_box
image: https://brands.home-assistant.io/litterrobot/[email protected]
compact_view: false
show_name: true
show_status: true
show_toolbar: true
stats:
default:
- entity_id: sensor.vaisseau_mere_waste_drawer
subtitle: Remplissage Bac
unit: '%'
- attribute: sleep_mode_enabled
subtitle: Mode Silencieux Actif
- attribute: clean_cycle_wait_time_minutes
unit: minutes
subtitle: Délai nettoyage
actions:

• name: Remise à zéro du niveau du bac
  service: litterrobot.reset_waste_drawer
  icon: mdi:restart
  service_data:
  entity_id: vacuum.vaisseau_mere_litter_box
• name: Activer / Désactiver Mode Silencieux
  service: script.toggle_litter_tray_sleep_mode
  icon: hass:sleep
• name: Durée temporisation nettoyage
  service: script.update_litter_tray_cleaning_wait_time
  icon: hass:timer-sand
  `

Here you can see on the bottom right, the highlighted button without icon.

[denysdovhan]

You should read changelog more carefully before updating. There was a breaking change in 2.0: actions are renamed to shortcuts.

[maxoss]

@denysdovhan and what about buttons which are not visible anymore? See picture above.

Start, location and shortcuts icon are not showing. So there is still a bug

[0neel]

@denysdovhan the issue is not related to actions-to-shortcuts change. I have the following config:

Config

  - type: custom:vacuum-card
    entity: vacuum.vacuum_cleaner
    image: default
    map: camera.xiaomi_cloud_map_extractor
    compact_view: false
    show_toolbar: true
    show_status: true
    show_name: false
    shortcuts:
    - name: Reload scripts
      icon: 'mdi:restart'
      service: script.reload
    stats:
      default:
      - attribute: filter_left
        unit: hours
        subtitle: Filter
      - attribute: side_brush_left
        unit: hours
        subtitle: Side brush
      - attribute: main_brush_left
        unit: hours
        subtitle: Main brush
      - attribute: sensor_dirty_left
        unit: hours
        subtitle: Sensors

And the shortcut is actually added to the card, but the icon for it is not visible - only the light blue background color is visible. The same for start and locate buttons on the left of the toolbar.

[T0ytoy]

@0neel strangely, updating my version of vacuum-card through hacs fixed my problem. I was running an older version, manually installed at the time, and lost the icons when I updated Home Assistant from 2021.8 to 2021.11. I can't understand why I was broken before, but it seems to by ok for me now (using shortcuts instead of actions now of course)

[0neel]

@T0ytoy I'm still on 2021.8.7 so it doesn't seem to be related to the home assistant version either. I also tried to reinstall the card. Glad you were able to fix the issue. For me the issue is not that bad - just a small inconvenience since I don't often use those buttons.

[Klabost]

this issue isn't closed. I read the change log before posting and i changed actions to shortcuts.
I also updated to the latest version via hacs and it didn't fix anything.
I run home assistant in a docker container if that is helpful.

[denysdovhan]

HA sometimes caches the old version of the card. Have you tried cleaning the cache? Hard reload? Reinstalling?

Also take a look at the browser console in order to see the actual running version and errors/warnings.

[denysdovhan]

This also might be related to the theme colors. Some updates with ha-icon component might break things.

[Klabost]

The browsers i have tested are firefox, chrome and brave. Also all in private mode to try and exclude any caching, or plugins i may have installed. The themes I tried were the default light and dark once from home assistant.
The console output says version 2.2.2 for the vacuum-card. The only error it displays is a 404 on "webpack://home-assistant-frontend/app.f08a72d3.js" But i think this hasn't something to do with your addon
I haven't reinstalled the card yet i will try that now.

[Klabost]

I removed the addon. Deleted my cache and reinstalled it. This didn't fix it.
I am looking at the html in the inspector to see if anything stands out.

edit 1
OK i do not know if it is helpful but looking at the html. If you take the vacuum-card tag as the top level one then:
<vacuum-card> <ha-card> <div class="preview">...</div> <div class="toolbar"> <ha-icon-button> <ha-icon icon="hass:play">...</ha-icon> <-------- These tags do not display their icons </ha-icon-button> etc. </div> </ha-card> </vacuum-card>

Also changing the attribute value of the ha-icon tags doesn't help.
For fun i added the "icon" attribute in the ha-icon-button tag and then it did display. So it seems something goes wrong for the ha-icon style

edit 2: i tried to make the html formatting more readable but i am not succeeding. I hope it is clear anyway

[0neel]

So for me updating the home assistant core solved the issue. Because of that I think the issue is somehow related to changes made in #278.
@denysdovhan I think this information as a warning can be included into the release notes of https://github.com/denysdovhan/vacuum-card/releases/tag/v1.25.1

[Klabost]

Pulling the latest docker image for homeassistant worked for me. I thought I already had done that but apparently i was mistaken.
It had to do with the breaking change home assistant devs made that #278 fixed like @0neel mentioned.