HowyouDern
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by HowyouDern
-
-
Hi everyone,
I'm using the Draggable plugin along with Svelte and I've run into an issue after the onDragEnd function is complete. The issue I'm running into is after dropping a block on a grid tile I can not pick the block up again immediately after. However, if I drag another block, the original block resets and I am able to drag it again.
I have created a demo in Svelte REPL:
https://svelte.dev/repl/f71846736ba54be4a530f6a8d3e2dc9a?version=3.58.0
Steps to recreate:
Drag Block1 to a new grid tile and drop it > Try to drag Block1 again and it is not draggable
Drag Block2 to a new grid tile and drop it > You are now able to drag Block1 but not Block2I am still new to GSAP so it maybe something simple that I am missing, but after pouring through the docs and staring at the code blankly, I decided I would reach out. Please feel free to let me know if you need any more info. Any help would be greatly appreciated! Thanks!
onDragEnd Issue with Draggable and Svelte
in GSAP
Posted
@Rodrigo and @GreenSock ,
Thank you both for the quick response. It was the svelte lifecycle, using tick() fixed it. Sorry for bringing a svelte question to the GreenSock forums (I'm relatively new to svelte as well). Thank you both again for you help! I will look into gsap.context() for a more permanent solution. I've added my quick fix just for future reference as well.
Quick Fix using tick():
https://svelte.dev/repl/7538d75f58ee477886f4987cc737a173?version=3.58.0