Fill url for svgs needs location href to display properly when using a base tag

[francesca-cicileo]

Browser: Safari v12 on MacOS High Sierra.

I have a website that uses a base tag, and I'm using Lottie to animate SVGs that have linear gradients. These linear gradients are defined in the <defs> tag of the SVG and used in the SVG with fill=url(#linear_gradient_id).

In Safari, the animated SVGs created by Lottie come out black because the base tag is causing the url() to fetch the wrong path. I found the function lottie.setLocationHref(locationHref), which properly sets the location for the url() for mask elements in the SVG; however, the location is not set for the url()s used to define fills. Would it be possible to add the locationHref to the fill urls here and here in the SVGGradientFillStyleData file?

This may be an extension of this issue: airbnb/lottie-web#360

[francesca-cicileo]

Wondering why this was closed?

[bodymovin]

Hi, sorry I didn't answer the message yet.
I've fixed it in that commit and it automatically closes it
It will be available in the next deploy.

[francesca-cicileo]

Great, thank you!