ember-cli-matchmedia-polyfill

Ember cli addon that includes a polyfill for matchMedia if needed.

Usage no npm install needed!

<script type="module">
  import emberCliMatchmediaPolyfill from 'https://cdn.skypack.dev/ember-cli-matchmedia-polyfill';
</script>

README

ember-cli-matchmedia-polyfill

Build Status Ember Observer Score npm version

Ember-CLI addon to add a polyfill for the Window.matchMedia() property, based on matchmedia-polyfill.

Internet Explorer 9 and lower do not support matchMedia(). See full browser support details.

Installation

ember install ember-cli-matchmedia-polyfill

Usage

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 matchMedia(), 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.

Credits

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

License

This project is licensed under the MIT License.