SVG animate don't work for the first loading [firefox]

Issue

I need loading animation for my page, thats why i found this page (loading.io).

You can create your own animation and export to css/gif/svg. I downloaded SVG.

I added everything to project - this is my piece of code:

.something{
    background-color: #000;
    background-image: url(img/rolling.svg);
}

And now i have a problem. When i open page for the first time (or reload browser cache) animation don't work - I can see background-image but animation cannot start. For the second time it's working correctly but what about the first time? How can I fix it?

I checked google chrome - everything is ok. It seems it only appears on firefox.

Firefox version: 47.0.1

Solution

This was fixed from Firefox version 50 by bug 935888.

Answered By - Robert Longson