Firefox: Nested SVG + GSAP Draggable = ERROR!

[Praney Behl]

Hi guys,

 

Just found something silly with Firefox. I am using nested svgs and an rectangle element inside it. Using draggable on the rectangle in the nested svg works fine in Google chrome but not in Firefox. It throws out an error @ Draggable.js:252:0 "TypeError: element.style is undefined"

 

Here is an example:

See the Pen jPKbqO?editors=011 by praneybehl (@praneybehl) on CodePen

[GreenSock]

Ah yes, it looks like in your particular scenario, you're using a library that creates nested SVG elements and Firefox incorrectly reports a null offsetParent. It's a browser bug. I've got code in place that'll work around it in the next release. You can preview an uncompressed version at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/Draggable-latest-beta.js if you want. 

[Praney Behl]

Thanks Jack it worked.

Cheers!