Pop-ups dosent work (IOS APP)

Hi guys,

I use an Ipad Pro 12.9 inches on the wall. The pop function is currently not working on all of my IOS devices. No matter which button I press, nothing happens. If I do this on the PC via Firefox, it works.

Does somebody has any idea?

how do you call the popups?
which pop function do you mean?

for example:

sidebar_vacuum.yaml:

action: fire-dom-event
browser_mod:
  command: popup
  title: Staubsauger
  style:
    .: |
      :host .content {
        width: calc(385px + 300px + 300px);
        max-width: 90vw;
      }
    layout-card$grid-layout:
      $: |
        hui-vertical-stack-card {
          animation: border 1s forwards;
        }
        @keyframes border {
          0%, 100% {
              border-right: 1.5px solid rgba(0, 0, 0, 0.2);
          }
        }
        /* phone */
        @media screen and (max-width: 800px) {
          hui-vertical-stack-card {
              border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);
              padding-right: 0;
              animation: none;
          }
        }
      $hui-vertical-stack-card:
        $: |
          hui-horizontal-stack-card {
            padding: 0em 2em 2.3em 2em;
          }
        $hui-entities-card$: |
          .card-content {
            padding: var(--card-content-padding);
          }
        $hui-horizontal-stack-card$: |
          #root {
            justify-content: space-evenly;
          }
      $hui-picture-elements-card$: |
        #root {
          animation: fadein 0.9s both;
        }
        @keyframes fadein {
          0% {
            opacity: 0;
          }
          75% {
            opacity: 0;
          }
          100% {
            opacity: 1;
          }
        }
  card:
    type: custom:layout-card
    layout_type: custom:grid-layout
    layout:
      grid-template-columns: 385px repeat(2, 300px)
      grid-template-rows: 1fr
      grid-template-areas: |
        "info map map"
      mediaquery:
        #phone
        "(max-width: 800px)":
          grid-template-columns: 1fr
          grid-template-rows: repeat(2, 1fr)
          grid-template-areas: |
            "info"
            "map"
    cards:

      #################################################
      #                                               #
      #                 Einstellungen                 #
      #                                               #
      #################################################

      - type: vertical-stack
        cards:
          - type: entities
            view_layout:
              grid-area: info
            title: Einstellungen
            card_mod:
              class: header
            entities:

            - entity: sensor.roborock_state

            - entity: sensor.roborock_last_clean

            - type: custom:bar-card
              width: 55%
              height: 2em
              decimal: 0
              unit_of_measurement: '%'
              positions:
                icon: outside
                indicator: 'off'
                name: outside
              severity:
                - color: '#303435'
                  from: 11
                  to: 100
                - color: '#6d2525'
                  from: 0
                  to: 10
              entity_row: true
              entities:
                - entity: vacuum.roborock_vacuum_s5
                  attribute: battery_level
                  name: Batterie
                  icon: mdi:battery

                - entity: sensor.template_vacuum_filter

                - entity: sensor.template_vacuum_mainbrush

                - entity: sensor.template_vacuum_sidebrush

                - entity: sensor.template_vacuum_sensors

            - entity: input_select.fan_speed

          - type: horizontal-stack
            cards:

              - type: custom:button-card
                entity: vacuum.roborock_vacuum_s5
                icon: mdi:play-pause
                tap_action:
                  action: call-service
                  service: >
                    [[[
                      return entity.state === 'docked' || entity.state === 'paused'
                        ? 'vacuum.start'
                        : 'vacuum.pause';
                    ]]]
                  service_data:
                    entity_id: >
                      [[[ return entity.entity_id; ]]]
                template: icon_only

              - type: custom:button-card
                entity: vacuum.roborock_vacuum_s5
                icon: mdi:battery-charging
                tap_action:
                  action: call-service
                  service: vacuum.return_to_base
                  service_data:
                    entity_id: >
                      [[[ return entity.entity_id; ]]]
                template: icon_only

              - type: custom:button-card
                icon: mdi:map-marker-question
                tap_action:
                  action: call-service
                  service: vacuum.locate
                  service_data:
                    entity_id: vacuum.roborock_vacuum_s5
                template: icon_only

      #################################################
      #                                               #
      #                 Karte                         #
      #                                               #
      #################################################


      - type: picture-elements
        title: Karte
        view_layout:
          grid-area: map
        image: /local/transparent_1to1.png 
        card_mod:
          class: header
          style: |
            #root {
              animation: fade 1s both;
            }
            .card-header {
              margin: -0.05em 0 0 0.75em;
            }
            @keyframes fade {
              0% {
                opacity: 0;
              }
              50% {
                opacity: 0;
              }
              100% {
                opacity: 1;
              }
            }
        elements:

          - type: image
            image: /local/rob.png
            title: null
            style:
              top: 60%
              left: 50%
              width: 100%
              cursor: default
              background-position: center
              background-repeat: no-repeat
              background-size: cover




          - type: custom:button-card
            name: Esszimmer
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.esszimmer
            show_label: false
            show_icon: false
            styles: &button-card-styles
              card:
              - padding: 3em
              - background: none
              name:
              - font-size: 0.9em
              - letter-spacing: 0.003em
              - color: '#aeb0b0'
              - background: '#191c1d80'
              - padding: 0.48em 0.78em 0.48em 0.78em
              - border-radius: 0.6em
              - overflow: visible
            style:
              left: 80%
              top: 35%      

          - type: custom:button-card
            name: Spielzimmer
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.kinderzimmer
            show_label: false
            show_icon: false
            styles: *button-card-styles
            style:
              left: 53%
              top: 82%

          - type: custom:button-card
            name: Wohnzimmer
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.wohnzimmer
            show_label: false
            show_icon: false
            styles: *button-card-styles
            style:
              left: 80%
              top: 75%

          - type: custom:button-card
            name: Küche
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.kueche
            show_label: false
            show_icon: false
            styles: *button-card-styles
            style:
              left: 53%
              top: 38%

          - type: custom:button-card
            name: Bad
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.badezimmer
            show_label: false
            show_icon: false
            styles: *button-card-styles
            style:
              left: 33%
              top: 38%



          - type: custom:button-card
            name: Gästezimmer
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.schlafzimmer
            show_label: false
            show_icon: false
            styles: *button-card-styles 
            style:
              left: 20%
              top: 82%




          - type: custom:button-card
            name: Flur
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.flur
            show_label: false
            show_icon: false
            styles: *button-card-styles
            style:
              left: 43%
              top: 57%



          - type: custom:button-card
            name: Eingang
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.eingang
            show_label: false
            show_icon: false
            styles: *button-card-styles
            style:
              left: 12%
              top: 58%







in lovelace:

     - type: vertical-stack
        view_layout:
          grid-area: sidebar
        cards:
          - type: custom:button-card
            entity: sensor.template_sidebar
            template: sidebar_template

          - type: grid
            cards:
              - type: button
                icon: custom:roborock-vacuum
                tap_action:
                  !include popup/sidebar_vacuum.yaml
                hold_action:
                  action: none

looks fine
anything in the logs?
did you cleaned the cache of the ios App?

yes i do. I also try a reset in the App, but dosent work.

As I said, strangely enough things are normal in Firefox.

Iphone and Ipad dosent work.

strange.
did you tried to remove the styles? maybe something in the styles is causing the issue?

HI, I’ve used the safari for a few weeks now, so it works without any problems. I now strongly suspect that it is due to the APP.

Hasn’t any other problem with it?