Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
UmerHayyat

Draggable with TweenLite seems not to be working

Recommended Posts

Hi, 

I have created the very basic code pen and is new to GSAP as well, I am trying to make table column re-orderable and re-sizeable. I am using TweenLite to place back column header if it dropped on an invalid area. It is not working as expected, when I drag and release it on other header, the target of the event has changed to other column header instead of the one I dragged. 

 

table-normal.PNG

 

below is the bug

table-bug.PNG

See the Pen JQaNdX by UmerHayyat (@UmerHayyat) on CodePen

Link to comment
Share on other sites

Please try setting position:relative on your .theader class so you can get the zIndexBoost from draggable.

 

 .theader {
  background: grey;
  position: relative;
}

 

Happy tweening.

:)

 

  • Like 3
Link to comment
Share on other sites

4 minutes ago, PointC said:

Please try setting position:relative on your .theader class so you can get the zIndexBoost from draggable.

 


 .theader {
  background: grey;
  position: relative;
}

 

Happy tweening.

:)

 

Thanks @Craig

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.
×