OH-CELLS are freezing

Add-ons UIs
1

EDIT: It turned out that the cells are not freezing but the connection to the server is terminated after a while. Probably due to 3.2 update.

I have a wall mounted device (iPad) running MainUI which is constantly connected to OH3. After a couple of hours I see an odd behaviour:

All oh-cells are “freezed”

  • Colors, Icons and Labels do not represent the actual state anymore
  • If I click on a cell which his configured with actionCommandAlt: it only sends one of the two commands even when pressing multiple times (as can be seen in the log)

However,

  • actionFeedback: can be seen.
  • after refreshing the browser everything works fine again.

Server details:

  • OH3 Version 3.2
  • OpenJDK 11.0.12
  • Linux 5.10.63-v7l+ (openhabian)

Client details:

  • iPad mini 4 latest iOS, Safari browser
  • MainUI startet from home screen (Progressive Web App)
  • everything which might interfere from a networking point of view ist deactivated (e.g. private MAC address)

Toggle widget

uid: my-toggle-cell
tags: []
props:
  parameters:
    - label: Label
      name: vLabel
      required: false
      type: TEXT
    - context: item
      label: Item
      name: vItem
      required: false
      type: TEXT
    - label: ON-State (Label, Icon)
      name: vCmdOn
      required: false
      type: TEXT
    - label: OFF-State (Label, Icon)
      name: vCmdOff
      required: false
      type: TEXT
  parameterGroups: []
timestamp: Dec 25, 2021, 11:50:45 AM
component: oh-cell
config:
  action: toggle
  actionCommand: ON
  actionCommandAlt: OFF
  actionFeedback: ok
  actionItem: =props.vItem
  color: "=(items[props.vItem].state === 'OFF') ? 'gray' : 'white'"
  expandable: false
  on: true
slots:
  header:
    - component: f7-block
      config:
        style:
          align-items: center
          display: inline-flex
          flex-direction: row
          margin: 0
          padding: 0
      slots:
        default:
          - component: oh-icon
            config:
              icon: "=(items[props.vItem].state === 'OFF') ? props.vCmdOff.split(',')[1] : props.vCmdOn.split(',')[1]"
              style:
                width: 35px
              width: 35px
          - component: Label
            config:
              style:
                fontSize: 16px
                fontWeight: normal
                margin-left: 10px
              text: "=(items[props.vItem].state === 'OFF') ? props.vCmdOff.split(',')[0] : props.vCmdOn.split(',')[0]"
    - component: Label
      config:
        style:
          fontSize: 24px
          fontWeight: normal
        text: =props.vLabel