alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enforce extent on viewport transforms

Browse Source
This commit is contained in:
Braks
2022-04-15 18:53:05 +02:00
parent 86c72ab08a
commit f35167ca72
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
package/src/composables/useZoomPanHelper.ts
View File

@@ -57,12 +57,11 @@ export default (store: Store = useVueFlow().store): ViewportFuncs => {
}
const transformViewport = (x: number, y: number, zoom: number, duration?: number) => {
const { x: clampedX, y: clampedY } = clampPosition(
{ x: store.viewport.x - x, y: store.viewport.y - y },
store.translateExtent,
)
// enforce translate extent
const { x: clampedX, y: clampedY } = clampPosition({ x: -x, y: -y }, store.translateExtent)
const nextTransform = zoomIdentity.translate(-clampedX, -clampedY).scale(zoom)
if (store.d3Selection && store.d3Zoom) {
store.d3Zoom.transform(transition(store.d3Selection, duration), nextTransform)
}