alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #4619 from xyflow/fix/background-grid

Browse Source 
Fix/background grid
This commit is contained in:
Moritz Klack
2024-09-03 16:04:50 +02:00
committed by GitHub
parent cff3fdd0cc 04c146ccf6
commit 242d5991e6
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/gold-deers-press.md Normal file
View File

@@ -0,0 +1,5 @@
---
'@xyflow/react': patch
---
align background pattern with snap grid

5
packages/react/src/additional-components/Background/Background.tsx
View File

@@ -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 : ''}`;