How to disable clicking on any element, not just the Button?

Hi developers and community users! I have created a custom element with Tabs toggle. On the Container element I added a workflow - “on click” on the element (the value of the variable in the workflow changes there). But actually the click and the workflow are executed all the time. Having said that, I have my doubts, but still I think that the constant execution of the workflow puts a load on the web application. There is an option in the Button element where you can disable click by condition, but it is an inbuilt feature

There is no such option on other design elements. How can I make such a feature ? After all, the action “Click” itself is in the workflow ? And how do you “disallow clicking” in a certain case?

I tried adding a “Stop Click Propagation” action to the workflow, but it’s still part of the workflow and it’s executed in the process.

And I need to “block” the click - so that the workflow doesn’t even start executing…
Or am I worrying too much about this and this click doesn’t carry any load even if it is executed (in fact the workflow is executed without errors) ?

he workflow will be completed quicker then a user can spam its its a simple true false check at the start of the workflow so I don’t think this optimisation would be worth it there will be much more lower hanging fruit to go for first. also stop click propagation is for when you have a workflow on a div and a workflow on something else inside that div and so if you click the inside one both will happen but if you have stop propagation it will only do the one