Sorting / Sort Order

[ddavisgraphics]

Because drag and drop is not accessible(directly) may want to look at another way to sort the fields. However, GitHub does use it so maybe accessible methods can be added or multiple ways of doing it to keep from causing issues.

• Drag and Drop Event Listener Research

  • created UX/UI Wireframes
  • functional mapping made
  • Accessible choice options for non drag and drop users.

• Programming the Drag and Drop

  • created a stimulus code pento work on trying events faster
  • learned how to fire the following events
    • drag, dragstart, dragend drop, dragleave, dragover
  • working on the proper data store of the dragged element
  • figure out how to move the element within the dom and delete the original element
  • establish a workable pattern for sorting the items, maybe using an array and array index.
  • create matching touch events for all drag events that way mobile users can use the same functions
  • establish a way for the moving or active item to become keyboard movable
  • Accessible choice options for non drag and drop users.

Bugs Fixed:

• CSS Padding Bug
• Pass array of elements to the global scope to use across multiple events
• Fix the lagging of the drag and drop by switching the elements over from the drop event to the drag over event.
• Create a representation sort order that also adjust the form if any field is currently active.