Draggable Todo App with Vue, Pinia, Tailwind CSS and Vue Draggable

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted about 1 year ago

  Hi, Yuki! 👋

  I found your solution in Frontend Mentor's newsletter. Nice solution! 👏

  It is great that you allow people to drag and drop to order todo items. Amazing! 👍

  It will be better if you add a focus indicator to any interactive elements. Right now, I can only see the focus indicator on the theme-switcher button and the "Clear Completed" button.

  Great solution! I hope this helps. 😄

  Marked as helpful

  1

  ---

  

  Yuki Lun•190

  @yukilunPosted about 1 year ago

  Hi @vanzasetia! 👋

  Thanks for your feedback! I'm glad you liked the drag and drop feature for ordering todo items.

  I also noticed the accessibility issue with the customized checkbox and radio buttons. To address this, I've added styles using the :focus-within CSS pseudo-class, ensuring that all interactive elements are now focusable using the keyboard and have a visible focus indicator. 😄

  Thanks for your advices for improving my solution. 🙏

  1

  

  Vanza Setia•27,775

  @vanzasetiaPosted about 1 year ago

  @yukilun

  Nice work, Yuki! Now I can fully use your application with my keyboard. 👍

  Keep it up! 🔥

  0