Update packages/edit-post/src/components/sidebar/settings-sidebar/ind…

…ex.js Co-Authored-By: Enrique Piqueras <[email protected]>
WordPress · Nov 26, 2019 · 3e588f6 · 3e588f6
1 parent 8cda377
commit 3e588f6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/block-editor/src/components/simulate-media-query/index.js b/packages/block-editor/src/components/simulate-media-query/index.js
@@ -59,14 +59,14 @@ function replaceMediaQueryWithWidthEvaluation( ruleText, widthValue ) {
 	} );
 }
 
-export default function SimulateMediaQuery( { partialPaths, value } ) {
+export default function SimulateMediaQuery( { partialPaths, width } ) {
 	useEffect(
 		() => {
 			const styleSheets = getStyleSheetsThatMatchPaths( partialPaths );
 			const originalStyles = [];
 			styleSheets.forEach( ( styleSheet, styleSheetIndex ) => {
-				for ( let ruleIndex = 0; ruleIndex < styleSheet.rules.length; ++ruleIndex ) {
-					const rule = styleSheet.rules[ ruleIndex ];
+				for ( let ruleIndex = 0; ruleIndex < styleSheet.cssRules.length; ++ruleIndex ) {
+					const rule = styleSheet.cssRules[ ruleIndex ];
 					if ( ! isReplaceableMediaRule( rule ) ) {
 						continue;
 					}
@@ -77,7 +77,7 @@ export default function SimulateMediaQuery( { partialPaths, value } ) {
 					originalStyles[ styleSheetIndex ][ ruleIndex ] = ruleText;
 					replaceRule(
 						styleSheet,
-						replaceMediaQueryWithWidthEvaluation( ruleText, value ),
+						replaceMediaQueryWithWidthEvaluation( ruleText, width ),
 						ruleIndex
 					);
 				}
@@ -96,7 +96,7 @@ export default function SimulateMediaQuery( { partialPaths, value } ) {
 				} );
 			};
 		},
-		[ partialPaths, value ]
+		[ partialPaths, width ]
 	);
 	return null;
 }

diff --git a/packages/edit-post/src/components/sidebar/settings-sidebar/index.js b/packages/edit-post/src/components/sidebar/settings-sidebar/index.js
@@ -41,7 +41,7 @@ function TestSimulateMediaQuery() {
 			onChange={ ( newValue ) => setIsSimulationEnabled( newValue ) }
 		/>
 	);
-	if ( ! isSimulationEnable ) {
+	if ( ! isSimulationEnabled ) {
 		return toggleUI;
 	}
 	return (
@@ -56,7 +56,7 @@ function TestSimulateMediaQuery() {
 				onChange={ ( newValue ) => ( setSimulationWidth( newValue ) ) }
 			/>
 			<__experimentalSimulateMediaQuery
-				value={ simulationWidth }
+				width={ simulationWidth }
 				partialPaths={ PARTIAL_PATHS }
 			/>
 		</>