fix: Make sure the BrowserView has integer coords

Non-integer coordinates make electron throw the error and the reaction
to synchronize the BrowserView position fail.

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

2 files changed, 8 insertions, 8 deletions

diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
index 58407ee..f1b6d66 100644
--- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx
+++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
@@ -34,10 +34,10 @@ export default observer(() => {
       if (entry) {
         const { x, y, width, height } = entry.target.getBoundingClientRect();
         store.setBrowserViewBounds({
-          x,
-          y,
-          width,
-          height,
+          x: Math.round(x),
+          y: Math.round(y),
+          width: Math.round(width),
+          height: Math.round(height),
         });
       }
     }, 100),
diff --git a/packages/shared/src/schemas.ts b/packages/shared/src/schemas.ts
index 9090486..2f108bd 100644
--- a/packages/shared/src/schemas.ts
+++ b/packages/shared/src/schemas.ts
@@ -21,10 +21,10 @@
 import { z } from 'zod';
 
 export const browserViewBounds = z.object({
-  x: z.number().nonnegative(),
-  y: z.number().nonnegative(),
-  width: z.number().nonnegative(),
-  height: z.number().nonnegative(),
+  x: z.number().int().nonnegative(),
+  y: z.number().int().nonnegative(),
+  width: z.number().int().nonnegative(),
+  height: z.number().int().nonnegative(),
 });
 
 export type BrowserViewBounds = z.infer<typeof browserViewBounds>;