Drag items to reorder them using the experimental
moveBefore API. Unlike
traditional drag-and-drop libraries that clone elements or manipulate their innerHTML, this directly relocates DOM
nodes and preserves all element state: form values, video playback position, event listeners, and child elements.
Research outline
Abstract and introduction to chromatic pachyderms
Literature review of purple mammals in theoretical zoology
Methodology for observing fictional elephant populations
Visualizations of imaginary measurements
Arguments for the evolutionary advantages of purple coloration
Styling demonstrations
Notice that the video state persists as it moves around the DOM
This item has wild hover and drag transitions
(this list element does not have the folk-reorderable attribute)
Form inputs that preserve state
Nested reorderable lists
🐘 Purple Elephant Behavioral Studies
Observe trunk color variations in morning light
Document ear flapping patterns during feeding
Record vocalizations in purple spectrum frequencies