Drag and drop event list them in order from first (top) to the last (bottom)

1. User clicks on draggable item

2. Dragging starts
3. Dragging continues as the user moves the draggable item
4. User releases the draggable item to drop it
5. Dropping occurs and the draggable item is placed in the designated drop zone

To list the events in chronological order from top to bottom, you can follow these steps:

1. Identify the events you want to list.
2. Determine the time frame for the events.
3. Arrange the events in the correct order based on their occurrence, starting with the earliest event at the top.
4. Drag and drop each event below the previous one until you have listed all events in order.

Remember that without specific events or a time frame, it is impossible to provide a specific order for a drag and drop list.