From 40aab0332a950529878fd12b03a41297d6674c15 Mon Sep 17 00:00:00 2001
From: hypercube <0hypercube@gmail.com>
Date: Sat, 19 Aug 2023 12:46:21 +0100
Subject: [PATCH] Fix eyedropper tool

---
 frontend/src/components/panels/Document.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/panels/Document.svelte b/frontend/src/components/panels/Document.svelte
index 47236f69..a9d72c3d 100644
--- a/frontend/src/components/panels/Document.svelte
+++ b/frontend/src/components/panels/Document.svelte
@@ -159,6 +159,7 @@
 
 	export function updateDocumentTransform(transform: string) {
 		artworkTransform = transform;
+		rasterizedCanvas = undefined;
 	}
 
 	export async function updateEyedropperSamplingState(mousePosition: XY | undefined, colorPrimary: string, colorSecondary: string): Promise<[number, number, number] | undefined> {
@@ -180,7 +181,7 @@
 		const outsideArtboardsColor = getComputedStyle(window.document.documentElement).getPropertyValue("--color-2-mildblack");
 		const outsideArtboards = `<rect x="0" y="0" width="100%" height="100%" fill="${outsideArtboardsColor}" />`;
 		const artboards = artboardSvg;
-		const artwork = artworkSvg;
+		const artwork = `<g id="transform-group" transform="${artworkTransform}">${nodeRenderSvg}</g>`;
 		const svg = `
 				<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">${outsideArtboards}${artboards}${artwork}</svg>
 				`.trim();