Animations do not work in ie11

[cenderDA]

Your system information

• VelocityJS version: 2.0.5
• Browser: Internet Explorer 11 (11.371.16299.0)
• Operating System: Windows 10 Pro Version 1709 (Build: 16299.371)

Checklist

• Is this an issue with code?: [Yes]
• Is this an issue with documentation?: [No]
• Have you reproduced this in other browsers?: [Yes] (Every IE11 we have here has the problem, non-IEs don't have the problem, Edge also works)
• Have you checked for updates?: [Yes]
• Have you checked for similar open issues?: [Yes]

Please remember that this is an issue tracker, support requests should be posted on StackOverflow - see CONTRIBUTING.md

Please describe your issue in as much detail as possible:

Describe what you expected should happen and what did happen.

Steps for reproducing this issue (code):

1. Opening IE 11
2. Calling a website which includes Velocity.js (without JQuery)
3. Animations won't work console-Error: "VelocityJS: Error when trying to identify SVG attributes on SVGElement."

JSFiddle example showing issue in action (code):

Go to https://jsfiddle.net/Rycochet/mqv9L27u/ - click the "Fork" button at the top, create the example and copy the new URL back here. -> the Links does not work in ie11 here

[SteadfastCollective]

Any updates on this issue, still getting issues with it on IE11.

Thanks

[Rycochet]

I've not got time to do anything on Velocity right now - the issue is (again) IE not following the standards, so some sort of work-around will need to be done. At the least the compatibility layer should be able to manually add the per-Element types as strings rather than dynamically detecting them - however that compatibility layer hasn't been started yet...

[Mandras]

Still got the same error

[nicolochiellini]

Same problem here!
I trusted the text on the website "Velocity works everywhere — back to IE8 and Android 2.3." but is not true!

[Rycochet]

@nicolochiellini So as the huge bold warning at the top of the README states clearly that the old website is not relevant to V2, maybe you'd like to point me at where on GitHub that is so I can fix it...

[Mandras]

I made an entire project without jquery and I used velocity
At the end of the project, we had to remove Velocity because it still do not work on IE11, ...
#sad

[pasckosky]

Looking for the detail of the problem (and trying to find a workaround to have something working) I found this:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol

The Symbol global object is ... simply not supported in IE. Not partially, not bugged ... not at all

Since velocity.js uses it to (as far as I read the generated code) inspect data and do stuff, this means that velocity.js is not compatible at all with any IE.

Right now I am trying to figure out how to provide a quick replacement of (at least) the iterator method of this global object in IE, hoping not to find other surprises about the wierd IE.

[Rycochet]

Ah - that's purely generated, it's not used at all in the source code, so should be something that can be adjusted at compile-time (maybe the babel options or babel / typescript interactions).

[pasckosky]

Ok. So the JS file was compiled for a standard environment and IE is out of standard.

Since there are other things apart Symbol.iterator that the JS uses (i.e. Object.assign and Object.includes), is there an option to recompile the JS file in a "compatibility" mode? I mean something that is clearly broken, but can work with IE?

In this manner, I can say I can use the good version for all browsers and the "compatible" for the ones that still stick with IE?

Thanks a lot

[Rycochet]

Babel actually supports all of that - possibly just adding IE to the list of supported browsers might get it to do it, though it might need adding a polyfill (part of babel again) to support it (and thank you so much for looking into this, I've really not had any free time for Velocity for months!)

[nicolochiellini]

@pasckosky has compiled a velocity that run on IE11 with the help of polyfill.
It solved our problem, we had to remove the click event on a SVG and switch to PNG but it works more or less like for the other browsers.
Here is our project
Other browsers:
http://www.aristonthermo.com/greetings/
Working on IE11:
http://www.aristonthermo.com/greetings/ie11-fiocchi.html

@pasckosky will commit the velocity for ie.

For the people who need it ASAP this is a quick link for the two js that run on IE:
https://transfer.sh/VwUpg/velocity_ie.zip

[pasckosky]

@Rycochet I will try to get a clean set of commit before sending you a pull request.

[lordaplala]

Any news on this ?