trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: move onKeyDown and onKeyUp from window to Stage

Browse source
This commit is contained in:
trafficlunar 2025-02-01 17:57:00 +00:00
parent 0692466c76
commit 8dbb0b872a
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/canvas/Canvas.tsx
View file

@ -408,7 +408,7 @@ function Canvas() {
}, [tool, holdingAltRef, scale, mouseCoords, blocks, canvasSize, setSelectionCoords, setSelectedBlock, zoom]);
const onKeyDown = useCallback(
async (e: KeyboardEvent) => {
async (e: React.KeyboardEvent) => {
switch (e.key) {
case "Escape":
setSelectionLayerBlocks([]);
@ -518,7 +518,7 @@ function Canvas() {
);
const onKeyUp = useCallback(
(e: KeyboardEvent) => {
(e: React.KeyboardEvent) => {
switch (e.key) {
case " ": // Space
setDragging(false);
@ -575,13 +575,9 @@ function Canvas() {
e.preventDefault();
};
window.addEventListener("keydown", onKeyDown);
window.addEventListener("keyup", onKeyUp);
window.addEventListener("beforeunload", onBeforeUnload);
return () => {
window.removeEventListener("keydown", onKeyDown);
window.removeEventListener("keyup", onKeyUp);
window.removeEventListener("beforeunload", onBeforeUnload);
};
}, [onKeyDown, onKeyUp]);
@ -591,6 +587,9 @@ function Canvas() {
<Stage
width={stageSize.width}
height={stageSize.height}
tabIndex={0}
onKeyDown={onKeyDown}
onKeyUp={onKeyUp}
onMouseMove={onMouseMove}
onMouseDown={onMouseDown}
onMouseUp={onMouseUp}