# Drag Constraints > A polished constrained-drag stage showing elastic overdrag, ref bounds, and spring settling with Svelte Motion. **Source:** [https://motion.svelte.page/examples/drag-constraints](https://motion.svelte.page/examples/drag-constraints) **Markdown mirror:** [https://motion.svelte.page/examples/drag-constraints.md](https://motion.svelte.page/examples/drag-constraints.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: elastic constraint stage. A constrained drag pattern for product UIs: the tile can be pulled against the bounds with a little elastic give, then springs back inside the measured ref on release. **Metadata:** tag: `DRAG` | pattern: `ref-constrained drag` ### Notes - Drag the tile past any edge. The `dragElastic` value allows a small overpull while the pointer is down, so the bounds feel physical instead of mechanically clipped. - The stage element is passed directly into `dragConstraints`. Svelte Motion measures that ref and keeps the final resting position inside it. - Release outside the stage or re-grab during the spring-back. The card should settle smoothly without jumping or fighting the pointer. ### Source #### Default.svelte Source file: [src/lib/examples/drag-constraints/demos/Default.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/drag-constraints/demos/Default.svelte) ```svelte
// drag constraints state: {dragging ? 'dragging' : 'idle'}
top
right
bottom
left
(dragging = true)} onDragEnd={() => (dragging = false)} whileHover={{ scale: 1.03 }} whileDrag={{ scale: 1.08, cursor: 'grabbing' }} transition={{ type: 'spring', stiffness: 420, damping: 32 }} aria-label="Draggable constrained card" style={styleString(() => ({ width: 'clamp(76px, 13vw, 112px)', aspectRatio: '1', cursor: 'grab', touchAction: 'none', backgroundColor: 'var(--brut-accent, #247768)', border: '1px solid var(--brut-ink, #0a0a0a)', boxShadow: '6px 6px 0 var(--brut-rule, #d6dedb)' }))} > SM drag
elastic edge pull spring settle ref bounds
elastic: 0.32
```