Closed Doa132 closed 2 months ago
Thank you for the detailed feedback, I will take a look at this!
Just to add (and apologies for my duplicate bug #643) the issue also happens on chrome / android. Did a test on both section and masonry page on its own page and still occurs.
Issue persists for me in beta 2.10-beta3
Have you cleared your cache?
Have you cleared your cache?
Yes, fist via F12 + Long Press on Refresh, Empty Cache and Hard Reload. Then tried incognito on chrome so fresh cache. Also rebooted HA as another check. Can confirm on beta3 for definite as select entities in the select card drop down in addition to input_select.
Damn... Can you show me a screenshot so that I can see what cards are overlapping it?
Can you also check in your browser console to see if there is any error?
Interestingly, the first time I click one, it's fine:
Clicking the same one over and over and nothing changes. After clicking a few others, it then starts to go under:
I can produce the error with as little as two cards, so here is some YAML:
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: button
button_type: slider
entity: light.entrance
name: Entrance Light
icon: mdi:ceiling-light
tap_action:
action: toggle
sub_button:
- entity: input_select.rgb_lights_scene_selection_entrance
show_name: false
show_state: true
icon: mdi:lightbulb-group
show_background: true
show_attribute: false
attribute: friendly_name
show_last_changed: false
show_icon: true
show_arrow: false
card_layout: large
- type: custom:bubble-card
card_type: button
button_type: slider
entity: light.bedroom
name: Bedroom Light
icon: mdi:ceiling-light
tap_action:
action: toggle
sub_button:
- entity: input_select.rgb_lights_scene_selection_bedroom
show_name: false
show_state: true
icon: mdi:lightbulb-group
show_background: true
show_attribute: false
attribute: friendly_name
show_last_changed: false
show_icon: true
card_layout: large
Nothing in console, opened fresh window:
Unfortunately, it's not fixed for me either.
Hi everyone, this issue should be now fully fixed, I can't wait for your feedbacks!
This is fixed for me in beta 4, thank you :)
Hmmm, i still have this issue.. Bubble card is installed via HACS. before it was installed locally, but i think i removed all of the local files.
What version do you see when you take a look at the Bubble Card editor?
What version do you see when you take a look at the Bubble Card editor?
This is the right version. Can you share the YAML of this pop-up?
You can also try the last beta but that should not make a difference.
type: vertical-stack
cards:
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
show_header: false
hash: '#toestellen'
- type: custom:bubble-card
card_type: separator
name: t o e s t e l l e n
card_layout: normal
- type: custom:bubble-card
button_type: name
name: ' '
scrolling_effect: false
double_tap_action:
action: none
hold_action:
action: none
button_action:
tap_action:
action: none
double_tap_action:
action: none
hold_action:
action: none
sub_button:
- entity: input_select.robotstofzuiger_spot_clean
show_background: false
show_state: true
show_icon: false
show_arrow: false
name: Ruimte
show_last_changed: false
show_attribute: false
- entity: input_select.robotstofzuiger_keuzelijst_stofzuig_mop_beide
name: Uitvoering
show_background: false
icon: mdi:home-import-outline
tap_action:
action: call-service
service: vacuum.return_to_base
target:
entity_id: vacuum.roborock_q_revo
show_icon: false
show_arrow: false
show_state: true
- entity: vacuum.roborock_q_revo
name: Start
icon: mdi:play
show_background: false
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.lovelace_robotstofzuiger_beneden
card_layout: large
styles: |-
ha-card {
font-size: 14px;
opacity: 0.95;
}
.bubble-button-card-container {
background: ${hass.states['binary_sensor.roborock_q_revo_schoonmaken'].state === 'on' ? '#e48150' : ''} !important;
}
.bubble-icon {
opacity: ${hass.states['binary_sensor.roborock_q_revo_schoonmaken'].state === 'on' ? '1' : '1'} !important;
color: ${hass.states['binary_sensor.roborock_q_revo_schoonmaken'].state === 'on' ? '#e48150' : 'lightgrey'} !important;
}
${hass.states['binary_sensor.roborock_q_revo_schoonmaken'].state === 'off' ?
icon.setAttribute("icon", "mdi:robot-vacuum-variant-off") :
icon.setAttribute("icon", "mdi:robot-vacuum-variant")};
show_attribute: false
icon: mdi:robot-vacuum-variant-off
show_state: false
show_name: false
show_last_changed: false
show_icon: true
entity: select.roborock_q_revo_mop_intensity
force_icon: true
card_type: button
- type: custom:bubble-card
card_type: separator
- square: false
type: grid
cards:
- type: custom:bubble-card
card_type: button
name: PC
auto_order: false
icon: mdi:desktop-tower-monitor
scrolling_effect: false
tap_action:
action: call-service
service: script.trigger
target:
entity_id: script.pc_aanzetten
show_name: false
entity: script.pc_aanzetten
card_layout: normal
styles: |+
ha-card {
font-size: 14px;
opacity: 0.95;
}
.bubble-button-card-container {
background: ${hass.states['switch.pc_speakers_speakers'].state === 'on' ? '#e48150' : ''} !important;
}
.bubble-icon {
opacity: ${hass.states['switch.pc_speakers_speakers'].state === 'on' ? '1' : '1'} !important;
color: ${hass.states['switch.pc_speakers_speakers'].state === 'on' ? '#e48150' : 'lightgrey'} !important;
}
- type: custom:bubble-card
card_type: button
entity: media_player.lg_webos_smart_tv
icon: mdi:television-classic
name: TV
show_icon: true
show_name: false
scrolling_effect: false
card_layout: normal
styles: |
ha-card {
font-size: 14px;
opacity: 0.95;
}
.bubble-button-background {
background: ${hass.states['media_player.lg_webos_smart_tv'].state === 'on' ? '#e48150' : ''} !important;
}
.bubble-icon {
opacity: ${hass.states['media_player.lg_webos_smart_tv'].state === 'on' ? '1' : '1'} !important;
color: ${hass.states['media_player.lg_webos_smart_tv'].state === 'on' ? '#e48150' : 'lightgrey'} !important;
}
${hass.states['media_player.lg_webos_smart_tv'].state === 'off' ?
icon.setAttribute("icon", "mdi:television-classic-off") :
icon.setAttribute("icon", "mdi:television-classic")};
tap_action:
action: call-service
service: script.turn_on
target:
entity_id: script.tv_aanzetten
double_tap_action:
action: none
hold_action:
action: none
button_action:
tap_action:
action: call-service
target:
entity_id: script.tv_aanzetten
service: script.turn_on
hold_action:
action: none
double_tap_action:
action: none
- type: custom:bubble-card
card_type: button
entity: switch.3d_printer_3
icon: mdi:printer-3d-nozzle
show_name: false
name: 3D Printer
scrolling_effect: false
card_layout: normal
tap_action:
url_path: https://home.gsmartcrib.com/lovelace/3d-printer
action: navigate
navigation_path: /test-bubble/3d-printer
double_tap_action:
action: none
hold_action:
action: none
button_action:
tap_action:
action: navigate
navigation_path: /test-bubble/3d-printer
double_tap_action:
action: none
hold_action:
action: none
styles: |
ha-card {
font-size: 14px;
opacity: 0.95;
}
.bubble-button-background {
background: ${hass.states['switch.3d_printer_3'].state === 'on' ? '#e48150' : ''} !important;
}
.bubble-icon {
opacity: ${hass.states['switch.3d_printer_3'].state === 'on' ? '1' : '1'} !important;
color: ${hass.states['switch.3d_printer_3'].state === 'on' ? '#e48150' : 'lightgrey'} !important;
}
${hass.states['switch.3d_printer_3'].state === 'on' ?
icon.setAttribute("icon", "mdi:printer-3d-nozzle") :
icon.setAttribute("icon", "mdi:printer-3d-nozzle-off")};
columns: 2
Thank you, I will take a look at that!
Thank you, I will take a look at that!
Hi there @Clooos, Did you manage to find something yet? You don't have to rush but just wondering.
Thanks in advance!
The input select drop down for sub buttons sometimes appears to go behind buttons that are lower down. Can't reproduce it with the main button as input select, so I think it's sub buttons only. This appears to only happen on my iOS app or when the macOS safari window is very narrow. It doesn't happen consistently but does seem to only be when the dropdown menu goes downwards instead of upwards from the button. I tried removing the vertical stacks and horizontal stacks that all the buttons are in but it still occurred. I also checked if it was just the lights by duplicating the Aircon button into 3 horizontal stack rows (exactly like the lights) and it occurs with that too.
Code for lights in case that will help.