IE support

[ciampo]

Hello! I really like how this project uses framer-motion to achieve page transitions.

One quick question: how would you make this example work in IE11?

I tried adding a bunch of polyfills, and I've got to a point where the console doesn't show any error (and the new page is added to the DOM), but the "enter" animation is not played.

[kheruc]

Hi,

To be honest, none of my projects required IE11 support, so I never looked into it.

It seems Framer Motion devs don't really plan to add IE support: https://github.com/framer/motion/issues/364

Polyfills might help a bit, but I'm not sure if it's possible to make sure everything works perfectly.

[ciampo]

Hey Kristian,

thank you for your answer. It does seem to work by adding those polyfills:

import 'core-js/fn/array/from';
import 'core-js/fn/array/find';
import 'core-js/fn/array/find-index';
import 'core-js/fn/object/assign';
import 'core-js/fn/object/entries';
import 'core-js/fn/promise';
import 'core-js/fn/string/starts-with';
import 'core-js/fn/string/ends-with';
import 'core-js/fn/symbol/for';
import 'core-js/fn/weak-set';
import 'core-js/fn/set';

I'll try to test it further.

[Leodau]

Is there any talks about implementing some fixes and why those polyfills actually make the whole thing work?