ember-click-outside
Advanced tools
A handy modifier for detecting click events fired outside an element.
If you're running ember-source <3.22, you need to install ember-destroyable-polyfill to get the modifier working.
If you're running ember-source <3.8, you need to install ember-modifier-manager-polyfill to get the modifier working.
From within your ember-cli project directory install the addon:
ember install ember-click-outside
<div {{on-click-outside this.someAction}}>
Your HTML...
</div>
If you wish to exclude certain elements from counting as outside clicks, use
the exceptSelector attribute:
<div {{on-click-outside this.someAction exceptSelector=".some-selector"}}>
Your HTML...
</div>
You can listen for events other than click by using the eventType attribute:
<div {{on-click-outside this.someAction eventType="mousedown"}}>
Your HTML...
</div>
For every click in the document, ember-click-outside will check if the click target is outside of its element, and trigger the provided action/callback if so.
If the click target cannot be found in the document (probably because it has been removed before ember-click-outside detected the click), no action/callback is triggered, since we cannot check if it is inside or outside of the element.
See the Contributing guide for details.
This project is licensed under the MIT License.
FAQs
The default blueprint for Embroider v2 addons.
The npm package ember-click-outside receives a total of 19,282 weekly downloads. As such, ember-click-outside popularity was classified as popular.
We found that ember-click-outside demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious Go packages are impersonating popular libraries to install hidden loader malware on Linux and macOS, targeting developers with obfuscated payloads.
Security News
Bybit's $1.46B hack by North Korea's Lazarus Group pushes 2025 crypto losses to $1.6B in just two months, already surpassing all of 2024's $1.49B total.
Security News
OpenSSF has published OSPS Baseline, an initiative designed to establish a minimum set of security-related best practices for open source software projects.