From ec3d0fb20785ab9e9ce0d7434d767eb3ba7e14e6 Mon Sep 17 00:00:00 2001 From: blair-c Date: Tue, 3 Oct 2023 15:23:34 -0400 Subject: [PATCH] Fix example drag behavior w/ mouseUp --- packages/@react-aria/interactions/docs/useMove.mdx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/@react-aria/interactions/docs/useMove.mdx b/packages/@react-aria/interactions/docs/useMove.mdx index 1fcc0274147..1446fa95705 100644 --- a/packages/@react-aria/interactions/docs/useMove.mdx +++ b/packages/@react-aria/interactions/docs/useMove.mdx @@ -115,6 +115,12 @@ function Example() { setEvents(events => [`move with pointerType = ${e.pointerType}, deltaX = ${e.deltaX}, deltaY = ${e.deltaY}`, ...events]); }, onMoveEnd(e) { + setPosition(({x, y}) => { + // Clamp position on mouse up + x = clamp(x); + y = clamp(y); + return {x, y}; + }); setColor('black'); setEvents(events => [`move end with pointerType = ${e.pointerType}`, ...events]); }