IE11 Error: Invalid argument when parsing a link href containing a percent sign

[pneyer]

Hi

Angular cannot render links with percent signs in it when using IE11 as a browser.
A valid email address like test%me@github.com inside an <a ng-href="..."> logs an error to IE11 console "Error: Invalid argument" and the link is not rendered.
Example: <a ng-href="mailto:{{'test%me@github.com'}}">a link</a>

Verified in IE11 version: 11.0.9600.18098 using angular 1.4.8

Reproducible here: http://plnkr.co/edit/9ksVLjk6tFpgRPvZAXVq

Other browsers are not affected, i.e. Chrome

[Narretz]

Stupid IE! Do you know if this happens in IE lower than 11?

[gkalpak]

FYI, it doesn't work on Edge either (but it doesn't throw the error). It just won't set the anchor's href attribute.

[gutierri]

@Narretz Stupid IE!² This happens in IE 10

[andypatterson]

I did some digging, and this turns out to be annoyingly complex. IE doesn't follow the URL spec for percent-encoded bytes: it follows RFC3986 instead (which states that non-escape %s should be escaped to %25).

I've added a unit test in case this changes in future - to prevent this is IE would be a big-ish rewrite of urlUtils.urlResolve