Changelog

Fixed

• Reduced filesize of styleEffect.
• Fix rounding from popLayout.
• opacity animations in React Strict Mode in development.
• Ensure useSpring is not affected by monitor framerate.
• Updating animations sequence segment types to exclude lifecycle handlers.
• Fix layout animations with parents offset by a %-based translation.
• Fix autoplay: false with WAAPI animations.
• Fix layout jump in React Strict Mode in development.
• Detect divide-by-zero in CSS calc() values before making animatable templates.

Fixed

• Fixing combination of string keyframes, spring and delay.
• Gracefully handle negative scroll values.
• Fix one-frame visual gap when rapidly switching WAAPI animations.
• animation.time = 0 on a finished animation sets the playhead in a paused state.

Fixed

• Handle % translate values in layout animations.

Fixed

• Ensure final WAAPI styles are always committed synchronously to prevent flash of incorrect styles in Firefox.
• Prevent Next.js from caching typeof window checks.
• Improve projection node cleanup.
• Variant propagation fixed for asynchronously-mounted children.

Fixed

• Ensure onComplete fires at the end of an animation sequence.

Fixed

• Ensure velocity is never transferred to a time-derived spring.

Fixed

• Layout animations: Reset motion value velocity when starting a new layout animation.

Fixed

• useScroll: Ensure animations aren't hardware accelerated when target is set.
• Improve animatable "none" generation for mask values.

Fixed

• Improve detection of detached elements with vanilla layout animations.

Fixed

• AnimatePresence: Ensure exiting nodes are correctly removed when rapidly switching children.

Fixed

• <motion />: Ensure animation state is reset after being re-suspended.
• Prevent stale values when mixing transitionEnd and transition.type: false.
• Drag: Fix "sticky" throw velocity on initial interaciton.
• Drag: Ensure catching a thrown element kills its velocity.

Fixed

• onHoverStart and onHoverEnd first argument now correctly typed as PointerEvent.
• whileHover: No longer persists after drag end.
• AnimatePresence: Allow changing mode prop.

Added

• Drag constraints updated even when draggable or constraints resize outside of React renders.

Fixed

• Allow drag to be initiated by child a and button elements.

Fixed

• Reorder: Fixed viewport autoscroll.

Fixed

• Updates to layout animations.

Fixed

• useAnimate: Now respects reduced motion settings set via MotionConfig.

Added

• Add default value type px for fontSize.

Fixed

• Removed default value type from radius.
• Ensure LazyMotion animates initial state even when state has changed before Motion is loaded.

Fixed

• Ensure scale: "0%" isn't treated as default value.

Fixed

• Ensure pen gesture is correctly cleaned up on drag cancel.
• Fix edge case where DocumentProjectionNode's attached element was null.

Added

• AnimatePresence: anchorY for vertically positioning popped children.

Fixed

• Fixed path drawing animations in zoomed Safari contexts by switching to unitless values.

Fixed

• Ensure drag gestures trigger from keyboard-accessible elements (button, textarea etc) if these elements have drag applied directly.

Fixed

• Adding sourcemaps to motion-dom and motion-utils.
• Fix Reorder autoscroll within scrollable pages.
• Gracefully handle missing elements in animation sequences.

Fixed

• Improving projection node cleanup.

Fixed

• Internal refactor of projection system into motion-dom.

Fixed

• Improve overload selection for useTransform.

Fixed

• Draggable elements now track pointer during page and element scroll.

Fixed

• Fixed time sampling of GPU animations under heavy CPU load.

Fixed

• Fixing missing import from motion-dom.

Fixed

• Fixing Radix Dialog with AnimatePresence.
• Ensure drag constraints animation resumes after press interruption.
• Prevent drag gesture from triggering when pressing focusable elements.