Merge branch 'next-release' into fix/selection-rect

2022-11-15 16:09:35 +01:00
parent b70ede04f3 5211b5a0d5
commit 7fab7b6a54
10 changed files with 91 additions and 8 deletions
@@ -1,15 +1,18 @@
-import { useRef } from 'react';
 import type { ReactNode } from 'react';
 import { createPortal } from 'react-dom';
+import { useStore } from '../../hooks/useStore';
+import { ReactFlowState } from '../../types';
+
+const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__edgelabel-renderer');

 function EdgeLabelRenderer({ children }: { children: ReactNode }) {
-  const wrapperRef = useRef(document.getElementById('edgelabel-portal'));
+  const edgeLabelRenderer = useStore(selector);

-  if (!wrapperRef.current) {
+  if (!edgeLabelRenderer) {
    return null;
  }

-  return createPortal(children, wrapperRef.current);
+  return createPortal(children, edgeLabelRenderer);
 }

 export default EdgeLabelRenderer;