Fix color pickers getting cut off

davepagurek · davepagurek · commit 43db7d946d6b · 2025-01-27T09:21:27.000-05:00
diff --git a/src/components/CodeEmbed/index.jsx b/src/components/CodeEmbed/index.jsx
@@ -45,7 +45,7 @@ export const CodeEmbed = (props) => {
   const largeSketch = previewWidth && previewWidth > 770 - 60;
 
   // Quick hack to make room for DOM that gets added below the canvas by default
-  const domMatch = /create(Button|Select|P|Div|Input)/.exec(initialCode);
+  const domMatch = /create(Button|Select|P|Div|Input|ColorPicker)/.exec(initialCode);
   if (domMatch && previewHeight) {
     previewHeight += 100;
   }

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ export const CodeEmbed = (props) => {`
`45`	`45`	`const largeSketch = previewWidth && previewWidth > 770 - 60;`
`46`	`46`
`47`	`47`	`// Quick hack to make room for DOM that gets added below the canvas by default`
`48`		`- const domMatch = /create(Button\|Select\|P\|Div\|Input)/.exec(initialCode);`
	`48`	`+ const domMatch = /create(Button\|Select\|P\|Div\|Input\|ColorPicker)/.exec(initialCode);`
`49`	`49`	`if (domMatch && previewHeight) {`
`50`	`50`	`previewHeight += 100;`
`51`	`51`	`}`