Jump to content
Search Community

Draggable content changed update

redia test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi,

 

I add items to my horizontal list of element inside the Draggable with a delay.

The eleastic indication when dragging from left to right works fine.

But after I add new elements it doesn't work when I drag from right to left. I kinda just sticks to the right side of the bounding box.

 

If i initiate with a given number of elements then eleastic indication works smoothly.

 

Is there a problem with my call to .update()?

 

Best

Kristian

 

 

 

 

 

See the Pen mGLerr by kpodenphant (@kpodenphant) on CodePen

Link to comment
Share on other sites

It looks like the problem is that you're using display:flex. If you inspect what's happening in Dev Tools, you'll see that Draggable is doing exactly what it's supposed to (setting a negative translation and positive padding-right), but the browser won't display it accordingly. So I'm pretty confident it's not a Draggable bug/issue, it's a limitation of using display:flex. Sorry, I wish I had better news for you. 

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...