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

@@ -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>
   );

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 {