Auto close not working

[vunnies]

I love this card and it alowed me to have just one page on my dashboard.

Only on thing I cannot get to work is the auto close after a couple of seconds neighter the close on action. Included my yaml that I use.

Kind regards Vincent

type: custom:bubble-card card_type: pop-up hash: '#woonkamer' name: Woonkamer auto_close: '10000' icon: mdi:sofa entity: light.groep_woonkamer state: sensor.temp_sensor_woonkamer_air_temperature styles: |

root {

background-color: rgba(8, 25, 49, 0.9) !important;
backdrop-filter: blur(15px);

} width_desktop: 540px is_sidebar_hidden: true

[Clooos]

Indeed I didn't tested it in the new releases, I will fix that for the next release!

[Clooos]

This issue is now fixed in the new beta!

https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.3

[vunnies]

Hi Clooos

I'm running beta 5 now according to HACS.. It stil seems the auto close does not work..

[Clooos]

This is weird, I've just tried with auto_close: '2000' and this is working on my side.

What Home Assistant version have you?

[vunnies]

Hi Clooos

Core 2024.4.4 Supervisor 2024.04.0 Operating System 12.2 Frontend 20240404.2

Could you check if it has to do with my yaml or if auto_close is in the wrong place?

type: vertical-stack cards:

• type: custom:bubble-card card_type: pop-up hash: '#woonkamer' name: Woonkamer auto_close: '10000' icon: mdi:sofa entity: light.groep_woonkamer state: sensor.temp_sensor_woonkamer_air_temperature styles: |

  root {

  background-color: rgba(8, 25, 49, 0.9) !important;
  backdrop-filter: blur(15px);

  } width_desktop: 540px is_sidebar_hidden: false

• square: false columns: 4 type: grid cards:
  • type: custom:button-card entity: light.wandlamp show_state: false name: Wandlamp aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:wall-sconce-flat-variant size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: light.lamp_speaker show_state: false name: Speakerlamp aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:wall-sconce-flat-variant size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: light.muurlamp show_state: false name: Tafellampje aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false size: 55px state:
      • value: 'on' color: orange icon: mdi:desk-lamp-on styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey icon: mdi:desk-lamp styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: light.lamp_woonkamer_groene_wand show_state: false name: Boomlamp aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:palm-tree size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: light.lamp_woonkamer_plafondspots show_state: false name: Plafond aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:wall-sconce size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: light.lamp_woonkamer_raamspots show_state: false name: Raam aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:wall-sconce size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: light.lamp_woonkamer_rgbwstrip_tvmeubel show_state: false name: TVmeubel aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:led-strip-variant size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: light.first_led_hardware_instance show_state: false name: Ambilight aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:television-ambient-light size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: switch.first_led_hardware_instance_component_usb_capture show_state: false name: USB cap aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:television-ambient-light size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
  • type: custom:button-card entity: switch.kerstboom show_state: false name: Kerstboom aspect_ratio: 1/0.85 tap_action: action: toggle hold_action: action: more-info styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 13px
    • text-transform: false icon: mdi:pine-tree size: 55px state:
      • value: 'on' color: orange styles: icon: null card:
        • background-color: rgb(100,100,5,50%)
      • value: 'off' color: grey styles: icon: null card:
        • background-color: rgb(100,100,5,20%)
• type: custom:gap-card
• type: custom:mini-media-player entity: media_player.sonos_vincent name: Woonkamer Sonos artwork: none source: full sound_mode: full background: false toggle_power: false group: true volume_stateless: false icon: 'false' info: short replace_mute: play_stop card_mod: theme: Mushroom Square Shadow style: | ha-card { --ha-card-background: ; } { element.style { .entityinfomedia color: green; }
• square: false columns: 3 type: grid cards:
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_radio1_w name: Radio 1 show_state: false show_entity_picture: true entity_picture: /local/radio/npo1.png size: 60px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_radio2_w name: Radio 2 show_state: false show_entity_picture: true entity_picture: /local/radio/npo2.png size: 60px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_3fm_w name: 3Fm show_entity_picture: true entity_picture: /local/radio/3fm.png size: 60px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_kink_w name: Kink show_entity_picture: true entity_picture: /local/radio/kink3.png size: 40px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_kinkcl_w name: Kink Classic show_entity_picture: true entity_picture: /local/radio/kink2.png size: 40px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_538_w name: Radio 538 show_entity_picture: true entity_picture: /local/radio/538.png size: 40px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle name: Radio 10 entity: script.script_playradio_radio10_w show_entity_picture: true entity_picture: /local/radio/radio10.png size: 82px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_qmusic_w name: Q music show_entity_picture: true entity_picture: /local/radio/qmusic.png size: 42px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_qmusicnonstop_w name: Q music NS show_entity_picture: true entity_picture: /local/radio/qmusicns.png size: 42px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_slam_w name: Slam show_entity_picture: true entity_picture: /local/radio/slam.png size: 40px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_sky_w name: Sky Radio show_entity_picture: true entity_picture: /local/radio/sky.png size: 81px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_arrowcl_w name: Arrow Classic show_entity_picture: true entity_picture: /local/radio/arrow.png size: 90px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_skychristmas_w name: Sky Christmas show_entity_picture: true entity_picture: /local/radio/skyradiochrist.png size: 85px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_efteling_w name: Efteling radio show_entity_picture: true entity_picture: /local/radio/efteling.png size: 42px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey
  • show_name: true show_icon: true type: custom:button-card tap_action: action: toggle entity: script.script_playradio_studiobrussel_w name: Studio Brussel show_entity_picture: true entity_picture: /local/radio/stubru.png size: 70px styles: name:
    • justify-self: centre
    • font-weight: italic
    • font-size: 12px card:
    • border-radius: 4px
    • background: rgb(100,100,5,20%)
    • height: 75px
    • width: 145px icon:
    • color: grey