[Bug]: Since 2025.5b tabs not working at all

[tinkerberlin]

Description

Since updating to 2025.5b I'm not able to use or really see my tabbed cards. See screenshot below.

the icons marked in yellow "used to be" nice tabs.

Environment

- OS: Windows/Android (all that I use)
- Browser: Chrome
- Home Assistant Version: 2025.5.0b2   
- Tabbed Card Version: not sure; but I had it updated to the newest version
Supervisor 2025.04.1
Operating System 15.2
Frontend 20250502.0

x86 install.

Reproducible configuration

type: custom:tabbed-card
options: {}
tabs:
  - label: Lichter
    attributes:
      label: Lichter
      icon: mdi:lightbulb
    card:
      square: true
      columns: 1
      type: grid
      cards:
        - square: true
          columns: 3
          type: grid
          cards:
            - square: true
              columns: 1
              type: grid
              cards:
                - show_name: true
                  show_icon: true
                  type: button
                  tap_action:
                    action: toggle
                  entity: light.flur_dg
                  name: Flur
                  icon: mdi:rug
            - square: true
              columns: 1
              type: grid
              cards:
                - show_name: true
                  show_icon: true
                  type: button
                  tap_action:
                    action: toggle
                  entity: light.treppenhaus_dg
                  name: Treppenhaus
                  icon: mdi:stairs
            - square: true
              columns: 1
              type: grid
              cards:
                - show_name: true
                  show_icon: true
                  type: button
                  tap_action:
                    action: toggle
                  entity: light.schlafzimmer_3
                  name: Schlafzimmer
                  icon: mdi:bed-double
            - square: true
              columns: 1
              type: grid
              cards:
                - show_name: true
                  show_icon: true
                  type: button
                  tap_action:
                    action: toggle
                  entity: light.buro_3
                  name: Büro
                  icon: mdi:laptop
            - square: true
              columns: 1
              type: grid
              cards:
                - show_name: true
                  show_icon: true
                  type: button
                  tap_action:
                    action: toggle
                  entity: light._XXXzimmer_3
                  name: XXXZimmer
                  icon: mdi:teddy-bear
            - square: true
              columns: 1
              type: grid
              cards:
                - show_name: true
                  show_icon: true
                  type: button
                  tap_action:
                    action: toggle
                  entity: light.dimmer_2
                  name: Badezimmer
                  icon: mdi:bathtub
            - square: true
              columns: 1
              type: grid
              cards:
                - show_name: true
                  show_icon: true
                  type: button
                  tap_action:
                    action: toggle
                  entity: light.virtual_balkon
                  name: Balkon
                  icon: mdi:balcony
  - label: Heizung
    attributes:
      label: Heizung
      icon: mdi:radiator
    card:
      square: true
      columns: 1
      type: grid
      cards:
        - square: false
          columns: 2
          type: grid
          cards:
            - type: custom:mushroom-climate-card
              entity: climate.heizung_treppenhausdg
              name: Treppenhaus
              show_temperature_control: true
              collapsible_controls: true
            - type: custom:mushroom-climate-card
              entity: climate.heizung_flurdg
              name: Flur
              show_temperature_control: true
              collapsible_controls: true
            - type: custom:mushroom-climate-card
              entity: climate.heizung_baddg
              name: Badezimmer
              show_temperature_control: true
              collapsible_controls: true
            - type: custom:mushroom-climate-card
              entity: climate.heizung_XXX
              name: XXX
              show_temperature_control: true
              collapsible_controls: true
            - type: custom:mushroom-climate-card
              entity: climate.heizung_schlafzimmer
              name: Schlafzimmer
              show_temperature_control: true
              collapsible_controls: true
            - type: custom:mushroom-climate-card
              entity: climate.heizung_buero
              name: Büro
              show_temperature_control: true
              collapsible_controls: true
  - label: Fenster
    attributes:
      label: Fenster
      icon: mdi:window-closed-variant
    card:
      square: false
      type: grid
      cards:
        - type: custom:mushroom-cover-card
          entity: cover.fenster_bad_roof_window
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Badezimmer
          visibility:
            - condition: and
              conditions:
                - condition: state
                  entity: cover.rollo_badezimmer_roller_shutter
                  state: open
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_bad_roof_window
                  state: closed
                - condition: state
                  entity: cover.fenster_bad_roof_window
                  state: closing
          icon: mdi:window-closed-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.fenster_bad_roof_window
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Badezimmer
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_bad_roof_window
                  state: open
                - condition: state
                  entity: cover.fenster_bad_roof_window
                  state: opening
          icon: mdi:window-open-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rollo_badezimmer_roller_shutter
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Badezimmer
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rollo_badezimmer_roller_shutter
                  state: opening
                - condition: and
                  conditions:
                    - condition: state
                      entity: cover.fenster_bad_roof_window
                      state: closed
                    - condition: state
                      entity: cover.rollo_badezimmer_roller_shutter
                      state: open
          icon: mdi:window-shutter-open
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rollo_badezimmer_roller_shutter
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Badezimmer
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rollo_badezimmer_roller_shutter
                  state: closed
                - condition: state
                  entity: cover.rollo_badezimmer_roller_shutter
                  state: closing
          icon: mdi:window-shutter
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.fenster_XXX_roof_window
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: XXX
          visibility:
            - condition: and
              conditions:
                - condition: state
                  entity: cover.rollo_xxx_roller_shutter
                  state: open
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_XXX_roof_window
                  state: closed
                - condition: state
                  entity: cover.fenster_XXX_roof_window
                  state: closing
          icon: mdi:window-closed-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.fenster_XXX_roof_window
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: XXX
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_XXX_roof_window
                  state: open
                - condition: state
                  entity: cover.fenster_XXX_roof_window
                  state: opening
          icon: mdi:window-open-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rollo_XXX_roller_shutter
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: XXX
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rollo_XXX_roller_shutter
                  state: opening
                - condition: and
                  conditions:
                    - condition: state
                      entity: cover.fenster_XXX_roof_window
                      state: closed
                    - condition: state
                      entity: cover.rollo_XXX_roller_shutter
                      state: open
          icon: mdi:window-shutter-open
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rollo_XXX_roller_shutter
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: XXX
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rollo_xxx_roller_shutter
                  state: closed
                - condition: state
                  entity: cover.rollo_xxx_roller_shutter
                  state: closing
          icon: mdi:window-shutter
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.fenster_buro_roof_window_2
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Büro
          visibility:
            - condition: and
              conditions:
                - condition: state
                  entity: cover.rollo_buro_roller_shutter_3
                  state: open
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_buro_roof_window_2
                  state: closed
                - condition: state
                  entity: cover.fenster_buro_roof_window_2
                  state: closing
          icon: mdi:window-closed-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.fenster_buro_roof_window_2
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Büro
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_buro_roof_window_2
                  state: open
                - condition: state
                  entity: cover.fenster_buro_roof_window_2
                  state: opening
          icon: mdi:window-open-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rollo_buro_roller_shutter_3
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Büro
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rollo_buro_roller_shutter_3
                  state: opening
                - condition: and
                  conditions:
                    - condition: state
                      entity: cover.fenster_buro_roof_window_2
                      state: closed
                    - condition: state
                      entity: cover.rollo_buro_roller_shutter_3
                      state: open
          icon: mdi:window-shutter-open
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rollo_buro_roller_shutter_3
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Büro
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rollo_buro_roller_shutter_3
                  state: closed
                - condition: state
                  entity: cover.rollo_buro_roller_shutter_3
                  state: closing
          icon: mdi:window-shutter
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.fenster_schlafzimmer_roof_window
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Schlafzimmer
          visibility:
            - condition: and
              conditions:
                - condition: state
                  entity: cover.rolladen_schlafzimmer_roller_shutter_2
                  state: open
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_schlafzimmer_roof_window
                  state: closed
                - condition: state
                  entity: cover.fenster_schlafzimmer_roof_window
                  state: closing
          icon: mdi:window-closed-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.fenster_schlafzimmer_roof_window
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Schlafzimmer
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_schlafzimmer_roof_window
                  state: open
                - condition: state
                  entity: cover.fenster_schlafzimmer_roof_window
                  state: opening
          icon: mdi:window-open-variant
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rolladen_schlafzimmer_roller_shutter_2
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Schlafzimmer
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rolladen_schlafzimmer_roller_shutter_2
                  state: opening
                - condition: and
                  conditions:
                    - condition: state
                      entity: cover.fenster_schlafzimmer_roof_window
                      state: closed
                    - condition: state
                      entity: cover.rolladen_schlafzimmer_roller_shutter_2
                      state: open
          icon: mdi:window-shutter-open
          layout: horizontal
        - type: custom:mushroom-cover-card
          entity: cover.rolladen_schlafzimmer_roller_shutter_2
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Schlafzimmer
          visibility:
            - condition: or
              conditions:
                - condition: state
                  entity: cover.rolladen_schlafzimmer_roller_shutter_2
                  state: closed
                - condition: state
                  entity: cover.rolladen_schlafzimmer_roller_shutter_2
                  state: closing
          icon: mdi:window-shutter
          layout: horizontal
      columns: 1

Additional context

No response

[ildar170975]

1. Duplicate of [Bug]: Home Assistant 2025.5.0 deprecated mwc-tab components #162
2. Suggest to use a SHORT minimal example to demonstrate an issue. Pasting a long code with lots of custom cards and your unique entities = distraction.

[tinkerberlin]

Sorry about the long code. I wanted to show how the code / bug looks in context; didn't want you to think some other element of the code was wrong...

Update: Sorry - I see the update on the other bug report now that mentions the same bug I'm having...

I don't think it's necessarily a duplicate of bug #162. My icons arent enlarging, they are simply rendering as icons not as tabbs and I cannot go from tab A to tab B, C etc.

Regarding the code, here's a drastically shortened - even if not entirely minimal - version of the code:

type: custom:tabbed-card
options: {}
tabs:
  - label: Lichter
    attributes:
      label: Lichter
      icon: mdi:lightbulb
    card:
      square: true
      columns: 1
      type: grid
      cards:
            - show_name: true
              show_icon: true
              type: button
              tap_action:
                action: toggle
              entity: light.flur_dg
              name: Flur
              icon: mdi:rug
  - label: Heizung
    attributes:
      label: Heizung
      icon: mdi:radiator
    card:
      square: true
      columns: 1
      type: grid
      cards:
            - type: custom:mushroom-climate-card
              entity: climate.heizung_treppenhausdg
              name: Treppenhaus
              show_temperature_control: true
              collapsible_controls: true
  - label: Fenster
    attributes:
      label: Fenster
      icon: mdi:window-closed-variant
    card:
      square: false
      type: grid
      cards:
        - type: custom:mushroom-cover-card
          entity: cover.fenster_bad_roof_window
          fill_container: false
          show_position_control: true
          show_tilt_position_control: false
          show_buttons_control: true
          name: Badezimmer
          visibility:
            - condition: and
              conditions:
                - condition: state
                  entity: cover.rollo_badezimmer_roller_shutter
                  state: open
            - condition: or
              conditions:
                - condition: state
                  entity: cover.fenster_bad_roof_window
                  state: closed
                - condition: state
                  entity: cover.fenster_bad_roof_window
                  state: closing
          icon: mdi:window-closed-variant
          layout: horizontal

[ildar170975]

Why I said that this is a duplicate is because that issue has an explanation: the mdc-tab component which was used for tabs in HA was replaced recently with a shoelace tab component; and the tabbed-card cannot use that mdc-tab anymore since it was not imported independently.
For personally me, it is not a problem to have 2 similar issues both present. The more important thing is to fix the thing. And we (users) should help the author with reporting bugs (with clear descriptions) and testing.

[tinkerberlin]

Why I said that this is a duplicate is because that issue has an explanation: the mdc-tab component which was used for tabs in HA was replaced recently with a shoelace tab component; and the tabbed-card cannot use that mdc-tab anymore since it was not imported independently. For personally me, it is not a problem to have 2 similar issues both present. The more important thing is to fix the thing. And we (users) should help the author with reporting bugs (with clear descriptions) and testing.

You are completely right. I had not read the full thread of the other issue and thus didn't notice that the problem I'm having is also described there.

I'm hesistant of showing a "dummy" code (that would be super short) because then nuances in the code that could create the issue (interactions between cards etc) could be lost and thus the shortened code could "hide" the problem. In this case, I guess, it doesn't really matter, as the problem is already known. :-)

[Scags104]

I can confirm this is a duplicate, I have tried both main and alpha versions of the card, main displays as you have above, alpha causes tabs to enlarge. Depends on version of the card alone. Both are due to th e issue ildar referenced above: the mdc-tab component no longer being loaded.

[Mariusthvdb]

You are completely right. I had not read the full thread of the other issue and thus didn't notice that the problem I'm having is also described there.

you always need to check if you're not opening a topic that already exists... ;-)

even your smaller icons were reported (by yours truly).

Anyways, please close, so the author can focus on 1 single issue: incorporate all new changes in the HA Frontend, we' ve handed the changes by words of the HA devs

[dengi76]

I confirm, the same problem!

[mariobrosch]

I can confirm this is also in the latest general version (2025.5).

example small code:

type: custom:tabbed-card
tabs:
  - attributes:
      label: Live
      icon: mdi:cctv
    card:
      type: picture-entity
      entity: camera.tapo_voorkant_hd_stream
  - attributes:
      label: Woonkamer
      icon: mdi:seat
    card:
      type: picture-entity
      entity: camera.lenovo_tab_m10_3rd_gen

[Mariusthvdb]

again, please close, the main issue was reported in #162

everyone following this repo gets spammed by 'me too'. and duplicates otherwise