Skip to content

Popup not working on iOS #2246

Description

@d2crashout

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:

  1. Open the Home Assistant App on an iPhone
  2. Try to open a Bubble Card popup
  3. 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! 🍻

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions