Describe the bug
On an iPhone running the Home Assistant App, when I try to open a bubble card popup, the popup is grayed out, none of the buttons can be pressed, and attempting to press one of the buttons closes the popup. Works fine on PC.
To Reproduce
Steps to reproduce the behavior:
- Open the Home Assistant App on an iPhone
- Try to open a Bubble Card popup
- See error
Expected behavior
Popup should have worked like normal and options should have been accessible.
Screenshots
If applicable, add screenshots to help explain your problem.
YAML
type: grid
cards:
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#addcalendarevent"
button_type: name
name: Add Calendar Event
icon: mdi:calendar-plus
scrolling_effect: false
show_icon: true
show_name: true
styles: |
.bubble-button-card-container {
}
- type: vertical-stack
cards:
- type: entities
entities:
- entity: input_select.calendar_select
- entity: input_text.calendar_event_title
name: Event Title
- entity: input_text.calendar_event_description
name: Event Description
- entity: input_boolean.calendar_all_day_event
name: All Day Event
title: Add Calendar Event
state_color: false
- type: conditional
conditions:
- entity: input_boolean.calendar_all_day_event
state: "off"
card:
type: entities
entities:
- entity: input_datetime.calendar_event_start
name: Start Time
- entity: input_datetime.calendar_event_end
name: End Time
- type: conditional
conditions:
- entity: input_boolean.calendar_all_day_event
state: "on"
card:
type: entities
entities:
- entity: input_datetime.calendar_day_event_start
name: Event Start Date
- entity: input_datetime.calendar_day_event_end
name: Event End Date
- type: custom:button-card
name: Add Event to Calendar
tap_action:
action: call-service
service: script.add_google_calendar_event
styles:
card:
- background-color: |
[[[
if (states['input_select.calendar_select'].state == 'Person1')
return "#008B8B";
if (states['input_select.calendar_select'].state == 'Person2')
return "#310194";
if (states['input_select.calendar_select'].state == 'Person3')
return "#FFA500";
if (states['input_select.calendar_select'].state == 'Person4')
return "#FF0000";
if (states['input_select.calendar_select'].state == 'Birthdays')
return "#BA8E23";
if (states['input_select.calendar_select'].state == 'US Holidays')
return "#0A3161";
return "gray";
]]]
Information (please complete the following information):
- OS: iOS
- Browser/App: Home Assistant App
- Bubble Card version: 3.1.2
- Home Assistant version: 2026.3.0b2
Additional context
Can add additional details if requested.
Thank you! 🍻
Describe the bug
On an iPhone running the Home Assistant App, when I try to open a bubble card popup, the popup is grayed out, none of the buttons can be pressed, and attempting to press one of the buttons closes the popup. Works fine on PC.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Popup should have worked like normal and options should have been accessible.
Screenshots
If applicable, add screenshots to help explain your problem.
YAML
Information (please complete the following information):
Additional context
Can add additional details if requested.
Thank you! 🍻