Lovelace shows unformatted states on old iPad Minis

Configuration Frontend
1

I have two old iPads (iPad mini 2) that I use as always-on displays for my Home Assistant dashboard. However, they often show unformatted states (no capitalization or spaces, “off” instead of “Closed” for contact sensors, etc.) until I refresh the dashboard several times and switch between different dashboards. I’m trying to figure out if this is normal behavior or not. It doesn’t happen on my desktop (Windows using Chrome browser) and I haven’t seen it on my iPhone using the HA iOS app. But on these two iPads, it happens whether I use the HA iOS app or using Safari. I haven’t tried anything else yet.

Showing “unformatted” states, usually after an HA restart:
image

The correct display, after refreshing a few times and switching between dashboards:
image

I’ll add that this has been going on ever since I installed HA, but I am currently running HA OS 7.4, core 2022.2.9, frontend 20220203.1

2

The minimum supported iOS version is 10.something.

3

I’m running iOS 12.5.5 on both iPad Minis. I couldn’t find any information about issues with a version this “new”. I did see a lot of issues with 9.3.5, but I’m well past that. I found a crashing issue that was fixed in December for the iOS app which affected 12.5.5 but that’s not the issue I’m having either.

4

Which card are you using to display the entities?

Can you share its config?

5

This image is showing grid cards. I have 3 different dashboards I’m playing around with, and the issue occurs on any of them. I have Dwain’s Dashboard as one of them, and the issue is present there too. It seems unlikely that I have a config screwed up enough to be affecting all my dashboards, but I’m open to looking at anything.

I’d be interested to know if this is an issue that has been seen before (and perhaps has multiple possible causes) or if this is something unheard of. I couldn’t find any other posts but there’s not an obvious search term I could think of either.

This is the config from the first view on the main dashboard, which is the one the images were taken from:

views:
  - title: Home Security
    icon: mdi:security
    path: home-security
    badges:
      - entity: person.me
        name: Me
      - entity: person.wife
        name: Wife
      - entity: binary_sensor.home_occupied
    cards:
      - type: grid
        cards:
          - type: weather-forecast
            entity: weather.home
            columns: 1
            square: false
          - type: custom:mailandpackages-card
            name: Mail and Packages
            entity_packages_in_transit: true
            show_usps_camera: true
            entity_usps_mail: true
            entity_USPS_packages: true
            entity_UPS_packages: true
            entity_fedex_packages: true
            entity_amazon_packages: false
            show_warning: false
            show_error: false
            entity_delivery_message: sensor.mail_deliveries_message
        square: false
        columns: 1
      - type: grid
        cards:
          - type: grid
            cards:
              - type: button
                entity: alarm_control_panel.master
                name: Home Alarm
                show_state: true
                tap_action:
                  action: fire-dom-event
                  browser_mod:
                    command: popup
                    title: Home Alarm
                    card:
                      type: custom:alarmo-card
                      entity: alarm_control_panel.master
                      name: Home Alarm
                      use_clear_icon: false
                      button_scale: 1.2
              - type: button
                tap_action:
                  action: toggle
                entity: lock.front_door_lock
                show_state: true
                show_icon: true
              - type: button
                tap_action:
                  action: toggle
                entity: light.front_outdoor_lights
                icon: mdi:coach-lamp
                name: Front Lights
                show_state: true
            columns: 3
          - type: grid
            cards:
              - type: button
                tap_action:
                  action: toggle
                entity: binary_sensor.front_door_contact
                name: Front
                show_state: true
              - type: button
                tap_action:
                  action: toggle
                entity: binary_sensor.rear_door_contact
                name: Rear
                show_state: true
              - type: button
                tap_action:
                  action: toggle
                entity: cover.large_garage_door
                name: Large
                show_state: true
              - type: button
                tap_action:
                  action: toggle
                entity: cover.small_garage_door
                name: Small
                show_state: true
              - type: button
                tap_action:
                  action: toggle
                entity: binary_sensor.garage_side_door_contact
                name: Side
                show_state: true
            columns: 5
            square: false
          - type: grid
            cards:
              - type: custom:webrtc-camera
                url: rtsp://<redacted>
              - type: custom:webrtc-camera
                url: rtsp://<redacted>
              - type: custom:webrtc-camera
                url: rtsp://<redacted>
              - type: custom:webrtc-camera
                url: rtsp://<redacted>
            columns: 2
            square: false
        columns: 1
        square: false
6 
          - type: grid
            cards:
              - type: button
                tap_action:
                  action: toggle
                entity: binary_sensor.front_door_contact

The toggle tap action isn’t a valid option for a binary sensor. It can only be applied to output type entities, like switches or lights. Try changing that to ‘more-info’ and see if it helps.

7

Looks like I got carried away with copy-paste in the yaml code on my dashboard. I’ve fixed that now per your suggestion, but unfortunately it made no change to the formatting behavior problem I’m experiencing.

I’m having a real struggle trying to determine whether this issue is something common or whether this is a unique issue that I’m the first to uncover. If this is common, just a link or two to get me in the right direction would be very much appreciated.