From 1a591f57593d115de0ae7ed505085e6e14b8be05 Mon Sep 17 00:00:00 2001
From: peterkogo <7165378+peterkogo@users.noreply.github.com>
Date: Tue, 5 Mar 2024 15:47:03 +0200
Subject: [PATCH] fix(safari): prevent selection of viewport (#3973)

* prevent selection of viewport

* added user-select=none to viewport-portal and moved to be over nodes
---
 packages/react/src/container/GraphView/index.tsx | 2 +-
 packages/system/src/styles/init.css              | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/container/GraphView/index.tsx b/packages/react/src/container/GraphView/index.tsx
index 80c25dea..3edc380a 100644
--- a/packages/react/src/container/GraphView/index.tsx
+++ b/packages/react/src/container/GraphView/index.tsx
@@ -172,7 +172,6 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
           containerStyle={connectionLineContainerStyle}
         />
         <div className="react-flow__edgelabel-renderer" />
-        <div className="react-flow__viewport-portal" />
         <NodeRenderer<NodeType>
           nodeTypes={nodeTypes}
           onNodeClick={onNodeClick}
@@ -189,6 +188,7 @@ function GraphViewComponent<NodeType extends Node = Node, EdgeType extends Edge
           nodeExtent={nodeExtent}
           rfId={rfId}
         />
+        <div className="react-flow__viewport-portal" />
       </Viewport>
     </FlowRenderer>
   );
diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 72f0b2e8..48e82af8 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -324,6 +324,7 @@ svg.xy-flow__connectionline {
   height: 100%;
   left: 0;
   top: 0;
+  user-select: none;
 }
 
 .xy-flow__minimap {