Ember cli addon that includes a polyfill for closest() if needed.

Downloads in past


4390.0.23 years ago5 years agoMinified + gzip package size for ember-cli-element-closest-polyfill in KB


Build Status Ember Observer Score npm version
Ember-CLI addon to add a polyfill for the Element.closest() property, based on element-closest.
Internet Explorer 11 and lower do not support closest(). See full browser support details.
The included polyfill also polyfills #Element.matches, which is widely supported but often vendor-prefixed.


ember install ember-cli-element-closest-polyfill


The addon will import the polyfill by default to your vendor.js.
Beginning with version 2.13 Ember CLI supports a Targets feature, allowing you to specify the list of browsers your app should support like last 1 Chrome versions or ie 11. If the caniuse database indicates that all browsers you want to support fully support the feature, then the polyfill will not be included into your build, to not increase your bundle size.

Usage in an addon

This should also work as a nested addon of another addon, just include it as a dependency. So if your addon makes use of closest(), you can use this to make sure the API is available. Given the above mentioned targets feature, it will have no negative impact on the consuming app should the polyfill not be needed.


This addon was inspired by a similar polyfill addon: https://github.com/kaliber5/ember-cli-classlist-polyfill


This project is licensed under the MIT License.