NS_ERROR_FAILURE in mozilla

[cedricz 1 Likes (Newbie)]

Hello, 

 

I try to make an svg file with GSAP embedded.

 

It works with chrome but in mozilla i have an error NS_ERROR_FAILURE on gsap code. 

 

How i could resolve it ? 

 

 

Thanks

 

 

 

[cedricz 1 Likes (Newbie)]

There an exemple of svg's file : http://dl.free.fr/mvsKFAYS1

[Carl 11,094 Likes (Superhero)]

Sorry, but we need to see your actual js code and how it works with the SVG.

 

Please create a very simple CodePen demo that clearly illustrates the problem.

 

http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

[GreenSock 18,229 Likes (Superhero)]

Make sure you're not trying to animate (or set) properties on an SVG element that isn't in the DOM yet or has display:none because Firefox burps. That's not a GSAP issue - it's just a Firefox quirk with SVGs. 

[cedricz 1 Likes (Newbie)]

Thanks Jack,

 

'display:none' is really the problem with Firefox.

It works in IE, Chrome and Opera.

 

I will modify my code to no use display at all.

 

Regards

[Jonathan 5,389 Likes (Superhero)]

To add my two cents

 

This is definitely a Firefox OCD thing. Firefox is real strict with SVG elements having CSS display:none property like Jack advised above. Since the Firefox rendering engine will remove anything that has a CSS style of display:none  from the rendering tree. See SVG display.

 

if you need to control the display on your SVG elements then use the SVG visibility attribute or its css equivalent visibility: hidden
 

SVG display: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/display

SVG visibility attribute: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/visibility

 

[cedricz 1 Likes (Newbie)]

Thanks Jonathan, was helpful, it's work totally