Design comparison
Solution retrospective
Nice challenge, used the react beautiful dnd library for drag and drop. Ran into an issue when trying to drag and drop filtered lists. Initially, I had a state for filtered lists based on whether I was in the all, active or completed list, but it didn't work as the drag and drop function affected the original list. Switched gears and decided to play with item visibility instead of changing the list, using display:none/block. Now facing a hiccup - when I drop an item in the filtered state, it kinda flies off-screen and snaps back, but then I can drag and drop the filtered list smoothly. Any suggestions on fixing this would be greatly appreciated!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord