From a4c20b192c7daea1111c6a17ea4005627dee2ad5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 16:01:27 +0200
Subject: [PATCH 1/3] fix(background): start patterns at 0,0 #4615

---
 .../src/additional-components/Background/Background.tsx      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index fe6bee04..e4470f10 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -40,9 +40,12 @@ function BackgroundComponent({
   const scaledGap: [number, number] = [gapXY[0] * transform[2] || 1, gapXY[1] * transform[2] || 1];
   const scaledSize = patternSize * transform[2];
   const offsetXY: [number, number] = Array.isArray(offset) ? offset : [offset, offset];
-  const scaledOffset: [number, number] = [offsetXY[0] * transform[2] || 1, offsetXY[1] * transform[2] || 1]
 
   const patternDimensions: [number, number] = isCross ? [scaledSize, scaledSize] : scaledGap;
+  const scaledOffset: [number, number] = [
+    offsetXY[0] * transform[2] || 1 + patternDimensions[0] / 2,
+    offsetXY[1] * transform[2] || 1 + patternDimensions[1] / 2,
+  ];
 
   const _patternId = `${patternId}${id ? id : ''}`;
 

From a7eb7c2dbbeca85ca2d99917007dee78c8951a06 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 16:03:22 +0200
Subject: [PATCH 2/3] chore(changeset): add

---
 .changeset/gold-deers-press.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/gold-deers-press.md

diff --git a/.changeset/gold-deers-press.md b/.changeset/gold-deers-press.md
new file mode 100644
index 00000000..591eb694
--- /dev/null
+++ b/.changeset/gold-deers-press.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+start background patterns at 0,0

From 04c146ccf6597862a006e0d2ec4d4f73f7deca29 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 16:04:32 +0200
Subject: [PATCH 3/3] chore(changeset): update

---
 .changeset/gold-deers-press.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/gold-deers-press.md b/.changeset/gold-deers-press.md
index 591eb694..b4ebc309 100644
--- a/.changeset/gold-deers-press.md
+++ b/.changeset/gold-deers-press.md
@@ -2,4 +2,4 @@
 '@xyflow/react': patch
 ---
 
-start background patterns at 0,0
+align background pattern with snap grid