Prevent color palette panel recreating popoverProps

WordPress · May 2, 2023 · cb84322 · cb84322
1 parent 7430b2d
commit cb84322
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/packages/edit-site/src/components/global-styles/color-palette-panel.js b/packages/edit-site/src/components/global-styles/color-palette-panel.js
@@ -15,6 +15,7 @@ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { unlock } from '../../private-apis';
 
 const { useGlobalSetting } = unlock( blockEditorPrivateApis );
+const mobilePopoverProps = { placement: 'bottom-start', offset: 8 };
 
 export default function ColorPalettePanel( { name } ) {
 	const [ themeColors, setThemeColors ] = useGlobalSetting(
@@ -46,12 +47,7 @@ export default function ColorPalettePanel( { name } ) {
 	);
 
 	const isMobileViewport = useViewportMatch( 'small', '<' );
-	const popoverProps = isMobileViewport
-		? {
-				placement: 'bottom-start',
-				offset: 8,
-		  }
-		: undefined;
+	const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
 
 	return (
 		<VStack