From eccd5673476cfd7b7698ec630522c3670cfe4311 Mon Sep 17 00:00:00 2001 From: Wenchen Li <9028430+neo@users.noreply.github.com> Date: Fri, 14 Oct 2022 11:33:50 -0400 Subject: [PATCH 1/2] Put wrapper container in its own stacking context --- packages/core/src/container/ReactFlow/index.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/core/src/container/ReactFlow/index.tsx index f540cdf5..cc8c980a 100644 --- a/packages/core/src/container/ReactFlow/index.tsx +++ b/packages/core/src/container/ReactFlow/index.tsx @@ -53,8 +53,9 @@ const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 }; const wrapperStyle: CSSProperties = { width: '100%', height: '100%', - position: 'relative', overflow: 'hidden', + position: 'relative', + zIndex: 0, }; const ReactFlow = forwardRef( From 740659c0e788c7572d4a1e64e1d33d60712233fc Mon Sep 17 00:00:00 2001 From: moklick Date: Wed, 2 Nov 2022 16:18:20 +0100 Subject: [PATCH 2/2] chore(changeset): add --- .changeset/famous-llamas-learn.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/famous-llamas-learn.md diff --git a/.changeset/famous-llamas-learn.md b/.changeset/famous-llamas-learn.md new file mode 100644 index 00000000..3ea9d9f1 --- /dev/null +++ b/.changeset/famous-llamas-learn.md @@ -0,0 +1,5 @@ +--- +'@reactflow/core': patch +--- + +Refactor: put React Flow in isolated stacking context