Fix the initial isActive state in mobile viewport

The panel is always initially closed in mobile viewport
WordPress · Jan 27, 2023 · fd4c55d · fd4c55d
1 parent 72433a4
commit fd4c55d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/interface/src/components/complementary-area/index.js b/packages/interface/src/components/complementary-area/index.js
@@ -102,15 +102,17 @@ function ComplementaryArea( {
 			const { getActiveComplementaryArea, isItemPinned } =
 				select( interfaceStore );
 			const _activeArea = getActiveComplementaryArea( scope );
+			const _isSmall =
+				select( viewportStore ).isViewportMatch( '< medium' );
 
 			return {
 				isActive:
-					_activeArea === undefined
+					_activeArea === undefined && ! _isSmall
 						? undefined
 						: _activeArea === identifier,
 				isPinned: isItemPinned( scope, identifier ),
 				activeArea: _activeArea,
-				isSmall: select( viewportStore ).isViewportMatch( '< medium' ),
+				isSmall: _isSmall,
 				isLarge: select( viewportStore ).isViewportMatch( 'large' ),
 			};
 		},