Skip to content
Submitted over 2 years ago

Todo App Drag Drop Reorder

Brett Labash•70
@blabash
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I had lots of trouble trying to make the cursor go from 'grab' to 'grabbing' when dragging a todo item! Currently it reverts to the regular mouse while dragging. If anyone has a solid solution leave me a comment.

Community feedback

  • Martin Amankwaa•40
    @MartyOfMCAPosted over 2 years ago

    Hi Brett, I added an item to the todo and tapped the Completed button (I believe this will apply some sort of filter to show only the tasks completed). Well since I just added an item it means it is not completed. But on clicking the Completed button is that 1items left and this is quite confusing.

    • You could ensure tapping on any of the options displays accurate data for the selected option
    Marked as helpful
    1
    Brett Labash•70
    @blabashPosted over 2 years ago

    @MartyOfMCA Hmm, good point. I think I'll add another counter for 'items left' within that current filter, alongside the 'total items left'.

    1

Please log in to post a comment

Log in with GitHub

Join 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