Can you give some information about new versions FF, that passed after version 37.0.2. I knew that most of the bugs in version 38 have been fixed in version 38.0.5. I noticed a difference in the processing speed of the attributes 'animate' and 'animateTransform' in all new versions of FF, and because of this the page becomes really slow. If remove animate tags:
<rect x="-1.32" y="-0.63" width="3.64" height="1.26" fill="#FFD9D9" stroke-width="0.0" rx="0.12">
<!--this animation makes half-visible selecting effect -->
<animate attributeType="CSS" attributeName="opacity" to="0.65" dur="0.5s" begin="mouseover" fill="freeze"></animate>
<animate attributeType="CSS" attributeName="opacity" to="1" dur="0.5s" begin="mouseout" fill="freeze"></animate>
</rect>
To this:
<rect x="-1.32" y="-0.63" width="3.64" height="1.26" fill="#FFD9D9" stroke-width="0.0" rx="0.12">
<!--no animation -->
</rect>
Then we lose animate(hover) effects and speed became ok, like it was in old version FF(37.0.2) with(with not removed) animate tags.
I created topic: https://bugzilla.mozilla.org/show_bug.cgi?id=1171966
There were added some examples of code and video to them. The problem of slowness is observed in case of a large number of elements on the page, but only if each of them has the attribute like 'animate'. Maybe alse like this:
<rect x="-0.5" y="-0.5" width="1" height="1" fill="white">
<!--it makes half-visible selecting effect -->
<set attributeName="stroke-opacity" begin="mouseover" end="mouseout" to="0.5"></set>
<!-- explicitly reverse the opacity animation on mouseout -->
<set attributeName="stroke-opacity" begin="mouseout" end="mouseover" to="1"></set>
</rect>
In my case, I use tag to make hover effect and change opacity on mouseover. Not using css, html5, DOM
It would be nice to find similar topics (stackoverflow, bugzilla) or someone who faced this problems too. Thanks
This has been fixed in Firefox from version 41 onwards.