drag
Drag elements via native mouse events for CSS-driven interactions like sliders, resize handles, and reorderable lists. Specify source and target by selector or coordinates.
Instructions
Drag an element via native CDP mouse events (mousePressed → interpolated mouseMoved with buttons:1 → mouseReleased). Works for CSS-driven drag: slider thumbs, resize handles, text selection, mouse-based reorder lists (e.g. SortableJS in mouse mode). NOT suitable for HTML5 Drag&Drop API (draggable=true elements with dragstart/drop listeners, React DnD HTML5Backend, Vuedraggable, ng2-dnd) — that path needs Input.dispatchDragEvent which this tool does not implement. Parameters: from_ref/from_selector OR from_x+from_y as source, to_ref/to_selector OR to_x+to_y as target. steps (default 10, min 5) controls mouseMoved granularity.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| from_ref | No | A11y-Tree source ref (e.g. 'e5') | |
| from_selector | No | CSS selector for source element | |
| from_x | No | Source X coord (viewport px) — alternative zu Ref | |
| from_y | No | Source Y coord (viewport px) — alternative zu Ref | |
| to_ref | No | A11y-Tree target ref (e.g. 'e7') | |
| to_selector | No | CSS selector for target element | |
| to_x | No | Target X coord (viewport px) | |
| to_y | No | Target Y coord (viewport px) | |
| steps | No | Anzahl mouseMoved-Events zwischen press und release (min 5 fuer HTML5-dragover) |