only prevent pointer events when starting selection box on top of node

examples/react/src/examples/Figma/index.tsx

@@ -30,7 +30,7 @@ const BasicFlow = () => {
     <ReactFlow
       defaultNodes={initialNodes}
       defaultEdges={initialEdges}
-      selectionOnDrag
+      selectionOnDrag={true}
       selectionMode={SelectionMode.Partial}
       panOnDrag={panOnDrag}
       panOnScroll
@@ -47,6 +47,9 @@ const BasicFlow = () => {
       onPaneClick={(e) => console.log('pane click', e)}
       onSelectionStart={(e) => console.log('on selection start', e)}
       onSelectionEnd={(e) => console.log('on selection end', e)}
+      onPointerDown={(e) => console.log('pointer down', e)}
+      onPointerUp={(e) => console.log('pointer up', e)}
+      onClick={(e) => console.log('click', e)}
     >
       <Background variant={BackgroundVariant.Cross} />
       <Controls />