animate scrolling if reduced motion is off

WordPress · May 8, 2024 · e20cff2 · e20cff2
1 parent 8543cfd
commit e20cff2
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-list/use-block-props/use-scroll-into-view.js b/packages/block-editor/src/components/block-list/use-block-props/use-scroll-into-view.js
@@ -1,9 +1,10 @@
 /**
  * WordPress dependencies
  */
-import { useRefEffect } from '@wordpress/compose';
+import { useReducedMotion, useRefEffect } from '@wordpress/compose';
 
 export function useScrollIntoView( { isSelected } ) {
+	const prefersReducedMotion = useReducedMotion();
 	return useRefEffect(
 		( node ) => {
 			if ( isSelected ) {
@@ -17,7 +18,11 @@ export function useScrollIntoView( { isSelected } ) {
 						// Once observing starts, we always get an initial
 						// entry with the intersecting state.
 						if ( ! entries[ 0 ].isIntersecting ) {
-							node.scrollIntoView();
+							node.scrollIntoView( {
+								behavior: prefersReducedMotion
+									? 'instant'
+									: 'smooth',
+							} );
 							observer.disconnect();
 						}
 					}