feat: deselect item on viewport change

This dodges issues with the overlay syncing during viewport changes.
measuredco · Dec 4, 2024 · 56e06dc · 56e06dc
1 parent 1a8fe48
commit 56e06dc
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/core/components/Puck/components/Canvas/index.tsx b/packages/core/components/Puck/components/Canvas/index.tsx
@@ -13,7 +13,7 @@ import styles from "./styles.module.css";
 import { getClassNameFactory } from "../../../../lib";
 import { Preview } from "../Preview";
 import { getZoomConfig } from "../../../../lib/get-zoom-config";
-import { AppState } from "../../../../types";
+import { AppState, UiState } from "../../../../types";
 import { Loader } from "../../../Loader";
 
 const getClassName = getClassNameFactory("PuckCanvas", styles);
@@ -143,9 +143,10 @@ export const Canvas = () => {
                 zoom: zoomConfig.zoom,
               };
 
-              const newUi = {
+              const newUi: UiState = {
                 ...ui,
                 viewports: { ...ui.viewports, current: uiViewport },
+                itemSelector: null,
               };
 
               setUi(newUi);