diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts index 36f5c1d960..e52cc166b1 100644 --- a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts +++ b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts @@ -76,7 +76,7 @@ export class CanvasLayer { rotateEnabled: true, flipEnabled: true, listening: false, - padding: this.manager.getScaledBboxPadding(), + padding: this.manager.getTransformerPadding(), stroke: 'hsl(200deg 76% 59%)', // invokeBlue.400 keepRatio: false, }), diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasManager.ts b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasManager.ts index fa1caf11b4..607a7e08a7 100644 --- a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasManager.ts +++ b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasManager.ts @@ -491,6 +491,10 @@ export class CanvasManager { return CanvasManager.BBOX_PADDING_PX / this.getStageScale(); } + getTransformerPadding(): number { + return CanvasManager.BBOX_PADDING_PX; + } + getSelectedEntityAdapter = (): CanvasLayer | CanvasRegion | CanvasControlAdapter | CanvasInpaintMask | null => { const state = this.stateApi.getState(); const identifier = state.selectedEntityIdentifier;