Stopping Event Propagation
See original GitHub issueIs there a way to stop event propagation when clicking the trigger similar to how it can be stopped with actions using bubbles=false
such as below?
<a href="some_url">
My link
<button {{action 'showDetails' bubbles=false}}>Extra Info</button>
</a>
I have a link with lots of content and want one part of that content is to be a dropdown (or clickable tooltip) that when clicked only shows the dropdown content and does not trigger the link.
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Event.stopPropagation() - Web APIs | MDN
The stopPropagation() method of the Event interface prevents further propagation of the current event in the capturing and bubbling phases.
Read more >jQuery event.stopPropagation() Method - W3Schools
The event.stopPropagation() method stops the bubbling of an event to parent elements, preventing any parent event handlers from being executed. Tip: Use the ......
Read more >How to Stop Propagation of an Event in JS - JavaScript Tutorial
To stop an event from further propagation in the capturing and bubbling phases, you call the Event.stopPropation() method in the event handler. Event....
Read more >What's the difference between event.stopPropagation and ...
If the capturing EventListener wishes to prevent further processing of the event from occurring it may call the stopPropagation method of the Event...
Read more >Event Bubbling and Event Catching in JavaScript and React
To prevent other events on the same element from firing, use event.stopImmediatePropagation() instead. It will stop both parents and the same ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I believe this can be closed now.
FWIW, I decided that it was time to tackle that. Now the component can open/close with click events instead of mousedown, but the user must explicitly choose that.