Gsap Draggable will not initialize below bottom of window viewport

[BearAxe]

Problem: I have a game i'm trying to create where you basically have a bank of boxes that you drag up to match with a hitbox. initially, these draggable elements are at the bottom of a layout that may be longer than the height of the viewport. However, I noticed while trying to place the boxes that the boxes will initialize to the bottom of the screen instead of to where i'm setting the y coordinate.

 

Want: I would like to know if there's a way to force the transform down below the bottom of the viewport so that when i scroll down, i see the bank of draggable elements positioned to where i set the coordinates using the level coordinate map. is this possible?

 

I've added a minimal demo of the issue in the attached code pen. see how box4 is set to y coord 10276 and how it is flush at the bottom with boxes 2 and 3 with y coords 1176 and 1110. I would expect box4 to initialize below bottom of the viewport in this case. can i trick it into doing this somehow?

See the Pen RwJjJvz by skaulox (@skaulox) on CodePen

[BearAxe]

Well, it turns out i didn't read the docs closely enough!

This was caused by me using window as the bounds. If i replace bounds: window with the container's class name, this works exactly how I was hoping it would. 

 

Love when I find the answer right after asking for help 😆 Hope someone else finds this useful!

[GreenSock]

Glad you figured it out, @BearAxe! Thanks for sharing the answer here too so that others can find it in the future. 🙌