From 7781886dd79ddab16eaf2d6de0c2b15781fbaab8 Mon Sep 17 00:00:00 2001
From: Coen <coen254@gmail.com>
Date: Thu, 15 Apr 2021 14:06:33 +0200
Subject: [PATCH] Fixed minimap on Safari, Chrome, etc

---
 src/additional-components/MiniMap/MiniMapNode.tsx | 3 +++
 src/additional-components/MiniMap/index.tsx       | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/additional-components/MiniMap/MiniMapNode.tsx b/src/additional-components/MiniMap/MiniMapNode.tsx
index e2159328..d8a48e9e 100644
--- a/src/additional-components/MiniMap/MiniMapNode.tsx
+++ b/src/additional-components/MiniMap/MiniMapNode.tsx
@@ -9,6 +9,7 @@ interface MiniMapNodeProps {
   borderRadius: number;
   className: string;
   color: string;
+  shapeRendering: string;
   strokeColor: string;
   strokeWidth: number;
   style?: CSSProperties;
@@ -25,6 +26,7 @@ const MiniMapNode = ({
   strokeWidth,
   className,
   borderRadius,
+  shapeRendering
 }: MiniMapNodeProps) => {
   const { background, backgroundColor } = style || {};
   const fill = (color || background || backgroundColor) as string;
@@ -41,6 +43,7 @@ const MiniMapNode = ({
       fill={fill}
       stroke={strokeColor}
       strokeWidth={strokeWidth}
+      shapeRendering={shapeRendering}
     />
   );
 };
diff --git a/src/additional-components/MiniMap/index.tsx b/src/additional-components/MiniMap/index.tsx
index cc7fd6ab..563ae2e2 100644
--- a/src/additional-components/MiniMap/index.tsx
+++ b/src/additional-components/MiniMap/index.tsx
@@ -17,6 +17,8 @@ export interface MiniMapProps extends HTMLAttributes<SVGSVGElement> {
   maskColor?: string;
 }
 
+declare const window: any;
+
 const defaultWidth = 200;
 const defaultHeight = 150;
 
@@ -62,6 +64,7 @@ const MiniMap = ({
   const y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
   const width = viewWidth + offset * 2;
   const height = viewHeight + offset * 2;
+  const shapeRendering = !!window.chrome ?  "crispEdges" : "geometricPrecision";
 
   return (
     <svg
@@ -86,6 +89,7 @@ const MiniMap = ({
             borderRadius={nodeBorderRadius}
             strokeColor={nodeStrokeColorFunc(node)}
             strokeWidth={nodeStrokeWidth}
+            shapeRendering={shapeRendering}
           />
         ))}
       <path