🎯 Drag to Resize Demo

Interactive demonstration of constraint-based resizing with drag gestures

📐 Basic Resize

Resize elements by dragging the handles. Supports horizontal, vertical, and corner resize.

Basic Resize Box
Another Box

🚧 Constrained Resize

Resize with minimum and maximum size constraints. Try resizing beyond the limits!

Min: 120×80
Max: 400×300
Min: 100×100
Max: 300×200

🚫 Obstacle Avoidance

Resize elements that cannot overlap with obstacles (red boxes). The drag system prevents collision!

Obstacle A
Obstacle B
Try to resize me!

🖱️ Scroll Resize

Hold and drag with scroll wheel for precise resizing. Great for fine-tuning dimensions!

Scroll + Drag Resize
Resize Status
Ready to resize...