remove scrolling in full pages

Author: kaeizen

src/components/design-library-list/design-preview.js

@@ -17,20 +17,6 @@ export const DesignPreview = ( {
 } ) => {
 	const ref = useRef( null )
 
-	// Prevents scrolling using mousewheel but allows it to bubble to parent
-	const handleWheel = e => {
-		// Don't prevent default - let the event bubble up to parent
-		// But stop propagation to prevent the preview content from scrolling
-		e.stopPropagation()
-
-		// Make the preview content non-scrollable
-		if ( ref.current ) {
-			ref.current.style.overflow = 'hidden'
-			// Reset scroll position to ensure content stays in place
-			ref.current.scrollTop = 0
-		}
-	}
-
 	const isDragging = useRef( false )
 	const lastY = useRef( 0 )
 	const lastScrollTop = useRef( 0 )
@@ -69,9 +55,6 @@ export const DesignPreview = ( {
 			return
 		}
 
-		// Add the event listener without passive: false since we're not using preventDefault
-		container.addEventListener( 'wheel', handleWheel )
-
 		container.addEventListener( 'mousedown', handleMouseDown )
 		// eslint-disable-next-line @wordpress/no-global-event-listener
 		window.addEventListener( 'mousemove', handleMouseMove )
@@ -80,8 +63,6 @@ export const DesignPreview = ( {
 
 		// Clean up the event listeners when the component unmounts.
 		return () => {
-			container.removeEventListener( 'wheel', handleWheel )
-
 			container.removeEventListener( 'mousedown', handleMouseDown )
 			// eslint-disable-next-line @wordpress/no-global-event-listener
 			window.removeEventListener( 'mousemove', handleMouseMove )

src/components/design-library-list/util.js

@@ -299,8 +299,8 @@ export const getAdditionalStylesForPreview = () => {
 
 	styles += 'body { --stk-block-wide-width: 1000px; }'
 
-	// Use 'auto' for scroll behavior. Let the scroll interval handle the speed.
-	styles += 'body.preview-pages { scroll-behavior: auto; overflow-y: auto; max-height: 1500px; }'
+	// Use overflow-y: hidden to prevent mousewheel scrolling
+	styles += 'body.preview-pages { overflow-y: hidden; max-height: 1200px; }'
 
 	styles += '::-webkit-scrollbar { width: 0; }'