Handle unwanted commas

WordPress · Apr 11, 2023 · fc904d2 · fc904d2
1 parent 3a798fb
commit fc904d2
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/components/src/sandbox/index.native.js b/packages/components/src/sandbox/index.native.js
@@ -214,13 +214,19 @@ const Sandbox = forwardRef( function Sandbox(
 		// we can use this in the future to inject custom styles or scripts.
 		// Scripts go into the body rather than the head, to support embedded content such as Instagram
 		// that expect the scripts to be part of the body.
+
+		// Avoid comma issues with props.viewportProps.
+		const addViewportProps = viewportProps
+			.trim()
+			.replace( /(^[^,]) /, ', $1' );
+
 		const htmlDoc = (
 			<html lang={ lang }>
 				<head>
 					<title>{ title }</title>
 					<meta
 						name="viewport"
-						content={ `width=device-width, initial-scale=1, ${ viewportProps }` }
+						content={ `width=device-width, initial-scale=1 ${ addViewportProps }` }
 					></meta>
 					<style dangerouslySetInnerHTML={ { __html: style } } />
 					{ styles.map( ( rules, i ) => (