Try to filter document styles before creating canvas

See: #2.
sortabrilliant · Jan 27, 2020 · 770f4b3 · 770f4b3
1 parent e0a868b
commit 770f4b3
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 10 deletions.
diff --git a/build/index.asset.php b/build/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'wp-compose', 'wp-data', 'wp-edit-post', 'wp-element', 'wp-plugins', 'wp-polyfill'), 'version' => '83aa0425765d185c8aad13caae124610');
+<?php return array('dependencies' => array('lodash', 'wp-compose', 'wp-data', 'wp-edit-post', 'wp-element', 'wp-plugins', 'wp-polyfill'), 'version' => '148c2420ee5d0556bf0e3e0245ccf4b0');
diff --git a/build/index.js b/build/index.js
diff --git a/build/index.js.map b/build/index.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/util.js b/src/util.js
@@ -36,7 +36,16 @@ export function captureBlock( id, name ) {
 	const filename = kebabCase( name ) + '-screenshot';
 	const block = document.querySelector( `[data-block="${ id }"]` );
 
-	html2canvas( block ).then( ( canvas ) => {
+	// Remove some styles before creating canvas.
+	const options = {
+		onclone: ( document ) => {
+			document.getElementById( `block-${ id }` )
+				.classList
+				.remove( 'has-child-selected' );
+		},
+	};
+
+	html2canvas( block, options ).then( ( canvas ) => {
 		download( canvas, filename );
 	} );
 }