This commit is contained in:
Josh at WLTechBlog
2025-09-30 15:10:13 -05:00
parent 396718be59
commit cb4ec135ec
5 changed files with 520 additions and 95 deletions

View File

@@ -1,14 +1,21 @@
# MCP Drag and Drop Test Examples
This document provides examples of how to use the new drag and drop tools through the MCP interface.
This document provides examples of how to use the enhanced drag and drop tools through the MCP interface.
## Overview
Cremote now supports three types of drag and drop operations:
Cremote now supports three types of drag and drop operations with enhanced HTML5 support:
1. **Element to Element**: Drag from one element to another element
2. **Element to Coordinates**: Drag from an element to specific x,y coordinates
3. **Element by Offset**: Drag from an element by a relative pixel offset
1. **Element to Element**: Drag from one element to another element (with HTML5 event support)
2. **Element to Coordinates**: Drag from an element to specific x,y coordinates (with smart target detection)
3. **Element by Offset**: Drag from an element by a relative pixel offset (with smart target detection)
## Enhanced Features (Phase 6 Improvements)
- **HTML5 Event Support**: All drag operations now properly trigger HTML5 drag and drop events (dragstart, dragover, drop, dragend)
- **Smart Target Detection**: Coordinate and offset drags automatically detect valid drop targets at destination
- **Hybrid Approach**: Functions try HTML5 approach first, fall back to mouse events if needed
- **Improved Reliability**: Much better compatibility with modern web applications that rely on HTML5 drag and drop
## Example 1: Basic Drag and Drop Between Elements