Numeric Entry Field events

Ignition
,
1

Hi everyone,

When trying to trigger an event from a disabled Numeric Entry Field on a web browser, it fails to trigger. It does trigger in the designer.

image
image2226×1239 381 KB

image
image1061×563 4.65 KB

Components Flex View 
[
  {
    "type": "ia.input.numeric-entry-field",
    "version": 0,
    "props": {
      "spinner": {
        "enabled": false
      },
      "enabled": false
    },
    "meta": {
      "name": "NumericEntryField"
    },
    "position": {
      "basis": "195px"
    },
    "custom": {},
    "events": {
      "dom": {
        "onClick": {
          "type": "script",
          "scope": "G",
          "config": {
            "script": "\tself.getSibling(\"Label\").props.text = 'Purple Disco Machine'"
          }
        }
      }
    }
  },
  {
    "type": "ia.display.label",
    "version": 0,
    "props": {
      "text": "..."
    },
    "meta": {
      "name": "Label"
    },
    "position": {
      "basis": "161px"
    },
    "custom": {}
  }
]

My goal is to open a popup from a Numeric Entry Field even if it's disabled. Wrapping it in a Flex Container to trigger an event from there doesn't seem to work either.

2

Is it always disabled, or is that dynamic ?
If it's always disabled, you can add pointer-events: none to allow clicks to go "through" the component and catch those clicks from something else.

There might be another way, which I'll try right now and report back

edit: well, if you disable it and set the pointer-events: none on it... the onClick event triggers.
That's not what I expected, but, hey... You may not want to rely on that though, feels like unintended behavior.

3

In this case it will always be disabled. In other cases it will be dynamic.

Some time ago I experienced "click throughs" in coordinate containers when the root had an event associated to it. So in this case, using a flex container, I started by adding the behavior to the root. Since I couldn't get it to work then I added it straight in the component but it didn't work either.

Pointer events are new to me. I'll check it out.

Edit 1:

image
image1264×1282 106 KB

It worked like that. I can even open a popup with it.

Setting the css property pointer-events: none also worked as you suggested.