Try removing top and left grid drag handles in stable (auto) mode (#73864)

Co-authored-by: tellthemachines <[email protected]>
Co-authored-by: ramonjd <[email protected]>
Co-authored-by: andrewserong <[email protected]>
Co-authored-by: noisysocks <[email protected]>

Author: 4 people

packages/block-editor/src/components/grid/grid-item-resizer.js

@@ -61,16 +61,29 @@ function GridItemResizerInner( {
 			const blockClientRect = blockElement.getBoundingClientRect();
 			const rootBlockClientRect =
 				rootBlockElement.getBoundingClientRect();
+
+			const topAvailable = blockClientRect.top > rootBlockClientRect.top;
+			const bottomAvailable =
+				blockClientRect.bottom < rootBlockClientRect.bottom;
+			const leftAvailable =
+				blockClientRect.left > rootBlockClientRect.left;
+			const rightAvailable =
+				blockClientRect.right < rootBlockClientRect.right;
+
 			setEnableSide( {
-				top: blockClientRect.top > rootBlockClientRect.top,
-				bottom: blockClientRect.bottom < rootBlockClientRect.bottom,
-				left: blockClientRect.left > rootBlockClientRect.left,
-				right: blockClientRect.right < rootBlockClientRect.right,
+				top: !! isManualGrid
+					? topAvailable
+					: ! bottomAvailable && topAvailable,
+				bottom: bottomAvailable,
+				left: !! isManualGrid
+					? leftAvailable
+					: ! rightAvailable && leftAvailable,
+				right: rightAvailable,
 			} );
 		} );
 		observer.observe( blockElement );
 		return () => observer.disconnect();
-	}, [ blockElement, rootBlockElement ] );
+	}, [ blockElement, rootBlockElement, isManualGrid ] );
 
 	const justification = {
 		right: 'left',