From c62e6d776c7abffe4da43bd2fa11f7093c6ce22a Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Thu, 27 Jun 2024 15:51:57 +0100
Subject: [PATCH] Round grid scroll wrapper offsets to the nearest pixel

---
 .../src/components/grid/layout/GridScrollWrapper.svelte   | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-core/src/components/grid/layout/GridScrollWrapper.svelte b/packages/frontend-core/src/components/grid/layout/GridScrollWrapper.svelte
index e1f3339169..fba14905f8 100644
--- a/packages/frontend-core/src/components/grid/layout/GridScrollWrapper.svelte
+++ b/packages/frontend-core/src/components/grid/layout/GridScrollWrapper.svelte
@@ -27,9 +27,11 @@
   $: style = generateStyle($scroll, $rowHeight)
 
   const generateStyle = (scroll, rowHeight) => {
-    const offsetX = scrollHorizontally ? -1 * scroll.left : 0
-    const offsetY = scrollVertically ? -1 * (scroll.top % rowHeight) : 0
-    return `transform: translate3d(${offsetX}px, ${offsetY}px, 0);`
+    const offsetX = Math.round(scrollHorizontally ? -1 * scroll.left : 0)
+    const offsetY = Math.round(
+      scrollVertically ? -1 * (scroll.top % rowHeight) : 0
+    )
+    return `transform: translate(${offsetX}px, ${offsetY}px);`
   }
 
   // Handles a mouse wheel event and updates scroll state