Draggable resize issue type scroll in chrome

[mmc 1 Likes (Newbie)]

Hi!

 

It's the first time i use greensock Draggable including throwprops and its awesome!

 

I read in older topics, that if you have a draggable instance with type "scroll" (in my case "scrollLeft") there is no need for setting bounds. Thats true and it works perfect. But if i resize the window and throwProps is true the overscrolling doesnt work anymore (always works on the left side (scrollLeft position 0), but on the right border it starts flickering around instead of overscrolling (its like the boundaries/the width are/is not correct). I tried update and applyBounds on resizing but the problem is still there.

 

During the resize process the elements inside are resizing too (mix between css and js).

 

The problem appears only in chrome.

 

Any ideas ?

[mmc 1 Likes (Newbie)]

problem "solved" / workaround found

if you init the draggable instance again (on resize), the boundaries are fine again.

[GreenSock 18,597 Likes (Superhero)]

Any chance you could provide a simple codepen example? That'd be super helpful. 

[GreenSock 18,597 Likes (Superhero)]

I can't seem to reproduce this - are you using the latest version of GSAP and Draggable? Can anyone else reproduce this? Again, a codepen demo would be super helpful. 

[Jonathan 5,392 Likes (Superhero)]

Hello .. I also tried to reproduce it Jack with latest GSAP, but could not see the same behavior that was described by sid.

 

Tested on latest Chrome on Windows 7 PC

 

I second that, a codepen example would be super helpful