fix graph flickering & performance improvments

baptisteArno · Oct 22, 2023 · 777f232 · 777f232
1 parent eba52a5
commit 777f232
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/apps/builder/src/features/graph/components/Graph.tsx b/apps/builder/src/features/graph/components/Graph.tsx
@@ -174,7 +174,9 @@ export const Graph = ({
     let newScale = graphPosition.scale + (delta ?? 0)
     if (scale) {
       const scaleDiff = scale - graphPosition.scale
-      newScale += Math.min(zoomButtonsScaleBlock, Math.abs(scaleDiff)) * Math.sign(scaleDiff)
+      newScale +=
+        Math.min(zoomButtonsScaleBlock, Math.abs(scaleDiff)) *
+        Math.sign(scaleDiff)
     }
 
     if (
@@ -242,6 +244,11 @@ export const Graph = ({
         data-testid="graph"
         style={{
           transform,
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          '-webkit-perspective': 1000,
+          '-webkit-backface-visibility': 'hidden',
+          '-webkit-transform-style': 'preserve-3d',
         }}
         willChange="transform"
         transformOrigin="0px 0px 0px"