Draggable: Error on load

[Dum]

On all browsers I'm getting a 

 

Uncaught TypeError: Cannot read property 'style' of null

 

This is the culprit: 

 

v = function(t, e) {

var s, r, n, a = t.style;

 

Uncaught TypeError: Cannot read property 'style' of null

if (void 0 === a[e]) {

for (n = ["O", "Moz", "ms", "Ms", "Webkit"], r = 5, s = e.charAt(0).toUpperCase() + e.substr(1); --r > -1 && void 0 === a[n[r] + s]; )

;

if (0 > r)

return "";

i = 3 === r ? "ms" : n[r], e = i + s

}

return e

}

 

 

It's all obfuscated so I'm not too sure what's going on here. Why that function is even running on load when no animations have run is beyond me.

 

Still happens on an isolated page with this stack: 
   

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ColorPropsPlugin.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/TextPlugin.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/utils/Draggable.min.js"></script>

 

 

This may be an artifact of obfuscation? Was still happening on other versions of 1.10.x

[Rodrigo]

Hi,

 

I just created a simple codepen with draggable using the cdnjs latest links and I'm not getting any problem:

See the Pen uJEiF by rhernando (@rhernando) on CodePen

 

Could you set up a simple and isolated sample of your code in order to see what could be causing the issue?

 

Cheers,

Rodrigo.

[GreenSock]

I think I know what it is - you put your <script> tag in the header (before the body), right? So technically the body doesn't exist yet. Try putting your script tag in or below the body. We're about to release a new version of Draggable that should fix that. But in the mean time, you can just move your <script> tag. 

[Dum]

Yep, that was it. Good catch. I'll leave this up for Googlers.