fix(safari): add locationHref to fix clipPath issues in safari

[damienwebdev]

Expected Behavior

When I use a lottie animation that has a clipPath with angular, I should expect the same results across browsers.

Current Behavior

In safari, when using an animation that uses clipPath, the mask/clipPath won't apply due to the <base href="/"> that is used by default in angular.

Related issue

In github.com/airbnb/lottie-web - https://github.com/airbnb/lottie-web/issues/914

Fixes #36

Related PRs

https://github.com/airbnb/lottie-web/pull/382

[ydagana]

@damienwebdev Great find, but why hasn't this been merged yet? @chenqingspring can you please merge this and update the repo?

[damienwebdev]

@ydagana I think @chenqingspring rarely checks this project, so I'm not sure when we'd get an update.

[jcbreel]

Having the same issue... Anyone found a solution?

[boost-app]

I forked the fix of @damienwebdev into a repo with the build files checked in as well. This way you can install it via npm i https://github.com/teamgeist-app/ng-lottie.git and have it work on ios.

But be aware: I WON'T KEEP THE REPO UP TO DATE! SWITCH TO THE ORIGINAL REPO ONCE THE PR IS MERGED