Drag and Drop Test Page

This page contains multiple drag-and-drop scenarios for testing.

Status: Ready

Sortable List

Drag items to reorder them.

Order: 1, 2, 3, 4, 5

Kanban Board

Drag cards between columns.

To Do

Task 1: Design mockups
Task 2: Write specs
Task 3: Code review

In Progress

Done

Cards: todo=3, progress=0, done=0

Slider

Drag the slider thumb to change the value.

Value: 33%

Tag Assigner

Drag tags onto categories to assign them. Uses mouse events (no native HTML5 drag).

Urgent Bug Feature Docs
High Priority
Low Priority
Tags: pool=4, high=0, low=0

Pointer-Event Sortable List

Drag items to reorder them. Uses pointer events (no native HTML5 drag).

Order: 1, 2, 3

Native Range Input

Drag the range slider to change the value.

Value: 0

Scrollable List

A long list that requires scrolling to reach the drop target.