Element.style {} animation problem

Ignition
,
1

I’m using animation style flags under style props in a label. The CSS animation works perfectly while in designer, however its not working in the browser, (tried in Chrome and Chromium Edge).

2s pulse infinite

What am I missing?

Already tried with !important
V 8.1.14

2

For what it’s worth, I just tried on 8.1.16 and it works in designer and Chrome.

3

The example I created

{
  "custom": {},
  "params": {},
  "permissions": {
    "securityLevels": [],
    "type": "AllOf"
  },
  "props": {},
  "root": {
    "children": [
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "height": 32,
          "width": 180,
          "x": 296,
          "y": 311
        },
        "props": {
          "style": {
            "animation": "2s pulse infinite"
          },
          "text": "Label"
        },
        "type": "ia.display.label"
      }
    ],
    "meta": {
      "name": "root"
    },
    "type": "ia.container.coord"
  }
}