From 75a2e052dbe3d2930fa67a0b5fd5715210d14803 Mon Sep 17 00:00:00 2001 From: Braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Mon, 5 Jan 2026 13:35:07 +0100 Subject: [PATCH] fix(node-resizer): use autoscale prop to check if resize handle should scale (#2012) * fix(node-resizer): use autoscale prop to check if resize handle should be scaled Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> * chore(changeset): add --------- Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --- .changeset/hot-bats-boil.md | 5 +++++ packages/node-resizer/src/ResizeControl.vue | 6 +++++- 2 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 .changeset/hot-bats-boil.md diff --git a/.changeset/hot-bats-boil.md b/.changeset/hot-bats-boil.md new file mode 100644 index 00000000..903edff1 --- /dev/null +++ b/.changeset/hot-bats-boil.md @@ -0,0 +1,5 @@ +--- +"@vue-flow/node-resizer": patch +--- + +Use auto-scale prop to determine whether a resize handle should be scaled. diff --git a/packages/node-resizer/src/ResizeControl.vue b/packages/node-resizer/src/ResizeControl.vue index 7d717fa5..f6014526 100644 --- a/packages/node-resizer/src/ResizeControl.vue +++ b/packages/node-resizer/src/ResizeControl.vue @@ -45,6 +45,10 @@ const positionClassNames = computed(() => controlPosition.value.split('-')) const controlStyle = toRef(() => (props.color ? { [StylingProperty[props.variant]]: props.color } : {})) +const isHandleControl = toRef(() => props.variant === ResizeControlVariant.Handle) + +const scale = computed(() => (isHandleControl.value && props.autoScale ? `${Math.max(1 / viewport.value.zoom, 1)}` : undefined)) + watchEffect((onCleanup) => { if (!resizeControlRef.value || !props.nodeId) { return @@ -243,7 +247,7 @@ export default { :class="[...positionClassNames, variant, noDragClassName]" :style="{ ...controlStyle, - scale: variant === ResizeControlVariant.Handle ? `${Math.max(1 / viewport.zoom, 1)}` : undefined, + scale, }" >