Clickable inner elements triggering elements outer elements

How can I prevent clickable elements inside an example card from triggering the click event of the parent element, as is happening in the video below.

In other words, I want when I click on the card it opens the popup and when I click on the icon, it fires the onclick event only for the icon and not for the card. In the video example, it is shooting from both, when I click on the internal element that has another workflow…

Captura de Tela 2023-05-04 às 18.36.06

I managed using the html attribute, as shown in the image (outline in red).

This prevents the event from being propagated to parent elements.

I don’t know if this is the best solution, but it would be interesting for the WeWeb team to natively implement this.

1 Like

the event is also available in the workflow You can use stopPropagation directly with a javascript action in the workflow.
I’m not at my desktop but if I recall correctly you should look for the domEvent property inside the provided event object.

1 Like

I’ll add it to our roadmap, so that we create a workflow action for this!

1 Like