MR FIX IT Posted July 19, 2022 Share Posted July 19, 2022 Hello , I was trying to implement a Sortable based on the demo above and I ran into an issue with modifying the row size and each list item in my case the list items comes at different heights and by increasing the row size, item sized gaps appear then by keeping the row size at 100 then increasing the the height of an item it takes place on top of other items Thank you See the Pen ExEWbyQ by mazthenew (@mazthenew) on CodePen Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted July 19, 2022 Solution Share Posted July 19, 2022 Hi @MR FIX IT welcome to the forum! Your demo had a really old version of GSAP installed. I would highly recommend updating to the latest version, see the guide here . I already updated my pen to include the latests version and tweaked some code. I've removed some css that was breaking the layout and I set the `rowSize` to something smaller than 100, maybe it is even better to dynamically set the row height based on the height of the element it self, but I couldn't find a fast way of doing that. See the Pen PoRpEQJ?editors=0110 by mvaneijgen (@mvaneijgen) on CodePen 2 Link to comment Share on other sites More sharing options...
MR FIX IT Posted July 19, 2022 Author Share Posted July 19, 2022 Thank you @mvaneijgen !! Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now