github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-12 07:15:17 -05:00
Code Issues Packages Projects Releases Wiki Activity

Make sure the canvas is focused

Browse Source
This commit is contained in:
Hippalectryon
2024-10-26 09:34:29 +02:00
committed by psychedelicious
parent c9c07968d2
commit cf50e5eeee
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/features/controlLayers/konva/CanvasTool/CanvasMoveToolModule.ts
View File

@@ -1,3 +1,4 @@
import { $focusedRegion } from 'common/hooks/focus';
import type { CanvasManager } from 'features/controlLayers/konva/CanvasManager';
import { CanvasModuleBase } from 'features/controlLayers/konva/CanvasModuleBase';
import type { CanvasToolModule } from 'features/controlLayers/konva/CanvasTool/CanvasToolModule';
@@ -35,7 +36,7 @@ export class CanvasMoveToolModule extends CanvasModuleBase {
onKeyDown = (e: KeyboardEvent) => {
// Support moving via arrow keys
const OFFSET = 1; // Define a constant for the movement offset
const OFFSET = 1; // How much to move, in px
const offsets: Record<string, { x: number; y: number }> = {
ArrowLeft: { x: -OFFSET, y: 0 },
ArrowRight: { x: OFFSET, y: 0 },
@@ -45,8 +46,8 @@ export class CanvasMoveToolModule extends CanvasModuleBase {
const { key } = e;
const selectedEntity = this.manager.stateApi.getSelectedEntityAdapter();
if (!(selectedEntity && selectedEntity.$isInteractable.get())) {
return; // Early return if no entity is selected or it is disabled
if (!(selectedEntity && selectedEntity.$isInteractable.get() && $focusedRegion.get() === 'canvas')) {
return; // Early return if no entity is selected or it is disabled or canvas is not focused
}
const { x: offsetX = 0, y: offsetY = 0 } = offsets[key] || {};