Lovelace View empty (white) on Safari / iOS

Configuration Frontend
1

Since the last update (core-2021.11.1 / supervisor-2021.10.8 / OS 6.6) one of my views on the frontend is empty in Safari and on the iOS Home Assistant app. I don’t have this problem on Firefox.

This is the yaml code of the problematic view:

  - title: Multimedia
    path: multimedia
    icon: mdi:audio-video
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: markdown
            content: '## TV'
          - type: media-control
            entity: media_player.philipstv
          - type: entities
            entities:
              - remote.philipstv
      - cards:
          - type: markdown
            content: '## Mediaplayer'
          - hide:
              controls: true
              info: true
              power: false
              progress: true
            name: Radio stations
            shortcuts:
              buttons:
                - id: http://icecast.omroep.nl/radio1-bb-aac
                  name: Radio 1
                  type: channel
                - id: http://icecast.omroep.nl/radio2-bb-aac
                  name: Radio 2
                  type: channel
                - id: >-
                    'http://playerservices.streamtheworld.com/api/livestream-redirect/RADIO538AAC.aac'
                  name: Radio 538
                  type: channel
                - id: >-
                    https://icecast-qmusicnl-cdp.triple-it.nl/Qmusic_nl_live_96.mp3
                  name: Q-Music
                  type: channel
                - id: http://stream.radio10.nl/radio10
                  name: Radio 10
                  type: channel
                - id: https://19993.live.streamtheworld.com/VERONICAAAC.aac
                  name: Veronica
                  type: channel
                - id: https://19993.live.streamtheworld.com/SKYRADIO.mp3
                  name: Sky Radio
                  type: channel
                - id: http://82.94.205.79:8240/stream
                  name: GP Radio
                  type: channel
              columns: 4
            type: custom:mini-media-player
            volume_stateless: false
            source: full
            group: false
            artwork: cover-fit
            entity: media_player.woonkamer
            toggle_power: true
          - type: custom:spotify-card
            limit: 30
            playlist_type: default
            account: default
            always_play_random_song: true
            grid_covers_per_row: '5'
            display_style: grid
            grid_center_covers: true
            spotify_entity: media_player.spotify_doubleus
            device: media_player.woonkamer
            default_device: Woonkamer
            hide_top_header: true
            hide_warning: true
            grid_show_title: true
            hide_currently_playing: true
        type: vertical-stack

Is this a common problem on Apple products?

2

I have the same problem on Opera and Firefox / Windows.
I can’t see any cards:

  - icon: mdi:music
    title: Media
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: entities
            entities:
              - entity: input_select.radio_station
                icon: mdi:radio
              - entity: input_select.wybierz_glosnik
              - entity: script.radio
                name: Rozpocznij
                icon: mdi:play
              - entity: script.radiostop
                icon: mdi:stop
                name: Wyłącz wybrane
            state_color: true
            show_header_toggle: false
            title: Radio
          - entity: media_player.google_one
            artwork: cover
            source: icon
            type: custom:mini-media-player
          - entity: media_player.google_two
            artwork: cover
            source: icon
            type: custom:mini-media-player
          - entity: media_player.google_three
            artwork: cover
            source: icon
            type: custom:mini-media-player
          - entity: media_player.google_home
            artwork: cover
            source: icon
            type: custom:mini-media-player
          - type: media-control
            entity: media_player.group
      - type: vertical-stack
        cards:
          - type: custom:spotify-card
            limit: 20
            spotify_entity: media_player.spotify_marcin
            playlist_type: default
            account: default
            display_style: list
            hide_connect_devices: true
            known_connect_devices: []
            default_device: Google Two
            name: Music
            filter_devices:
              - Philips
            always_play_random_song: true
          - type: media-control
            entity: media_player.spotify_marcin
          - type: media-control
            entity: media_player.playstation_4
      - type: entities
        entities:
          - switch.schedule_7d6400
          - switch.schedule_ab1342
          - switch.schedule_06fd61

image
image1223×607 4.43 KB

3

Mini Media Player card does not play well with the latest HA update. Contact the developer of that card.

1 Like
4

You’re right. After removal, the problem does not occur.

5

type: media-control is the culprit

1 Like