Numeric Entry Field events

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.

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.

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.

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:

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

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