Skip to content

Commit

Permalink
app-configuration-and-startup.md
Browse files Browse the repository at this point in the history
The link to polyfill MutationObserver for IE10-9 is outdated. In this change, a clear and alternative library to polyfill MutationObserver is provided.
  • Loading branch information
nashwaan authored Apr 3, 2017
1 parent 9b6e137 commit 1325dcd
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions doc/article/en-US/app-configuration-and-startup.md
Original file line number Diff line number Diff line change
Expand Up @@ -145,14 +145,14 @@ This causes the `my-root${context.language.fileExtension}`/`my-root.html` to be

## [Bootstrapping Older Browsers](aurelia-doc://section/3/version/1.0.0)

Aurelia was originally designed for Evergreen Browsers. This includes Chrome, Firefox, IE11 and Safari 8. However, we also support IE9 and above through the use of additional polyfills. To support these earlier browsers, you need the [requestAnimationFrame Polyfill](https://www.npmjs.com/package/raf) and the [MutationObserver polyfill](https://github.com/webcomponents/webcomponentsjs/tree/master/src). Once you have installed these, you'll need to adjust your code to load them before Aurelia is initialized.
Aurelia was originally designed for Evergreen Browsers. This includes Chrome, Firefox, IE11 and Safari 8. However, we also support IE9 and above through the use of additional polyfills. To support these earlier browsers, you need the [requestAnimationFrame Polyfill](https://www.npmjs.com/package/raf) and the [MutationObserver polyfill](https://github.com/megawac/MutationObserver.js). Once you have installed these (via `npm install raf mutationobserver-shim`), you'll need to adjust your code to load them before Aurelia is initialized.

In case you are using Webpack, create a bootstrapper file, e.g. `bootstrapper.js`:

<code-listing heading="Polyfill Configuration">
<source-code lang="HTML">
import 'webcomponents/webcomponentsjs/MutationObserver';
import 'raf/polyfill';
import 'mutationobserver-shim/MutationObserver'; // IE10 MutationObserver polyfill
import 'raf/polyfill'; // IE9 requestAnimationFrame polyfill
</source-code>
</code-listing>

Expand Down

0 comments on commit 1325dcd

Please sign in to comment.