Merge pull request #5252 from xyflow/fix/panel-position

Fix/panel position
2025-05-12 12:05:15 +02:00
parent 822f73b621 ee509176cb
commit 0fabe6e754
2 changed files with 7 additions and 2 deletions
--- a/.changeset/itchy-pumas-share.md
+++ b/.changeset/itchy-pumas-share.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/system': patch
+---
+
+Center panel correctly when bottom-center or top-center position is used
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -282,7 +282,7 @@ svg.xy-flow__connectionline {
  &.bottom {
    &.center {
      left: 50%;
-      transform: translateX(-50%);
+      transform: translateX(-15px) translateX(-50%);
    }
  }

@@ -298,7 +298,7 @@ svg.xy-flow__connectionline {
  &.right {
    &.center {
      top: 50%;
-      transform: translateY(-50%);
+      transform: translateY(-15px) translateY(-50%);
    }
  }
 }