Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix toggle fog being triggered with middle mouse drag

Browse Source
This commit is contained in:
Mitchell McCaffrey 2022-04-21 09:33:43 +10:00
parent 8f78da4e11
commit 3d0a3a74e0
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/tools/FogTool.tsx
View File

@ -325,7 +325,7 @@ function FogTool({
setDrawingShape(null);
}
eraseHoveredShapes();
eraseHoveredShapes(props);
setIsBrushDown(false);
}
@ -566,7 +566,10 @@ function FogTool({
});
}, [toolSettings.useFogCut]);
function eraseHoveredShapes() {
function eraseHoveredShapes(event: any) {
if (!leftMouseButton(event)) {
return;
}
// Erase
if (hoveredShapes.length > 0) {
if (toolSettings.type === "remove") {
@ -605,9 +608,14 @@ function FogTool({
<FogShape
key={shape.id}
fog={shape}
onMouseMove={() => handleShapeOver(shape, isBrushDown)}
onMouseMove={(e: Konva.KonvaEventObject<MouseEvent>) =>
(!isBrushDown || leftMouseButton(e)) &&
handleShapeOver(shape, isBrushDown)
}
onTouchOver={() => handleShapeOver(shape, isBrushDown)}
onMouseDown={() => handleShapeOver(shape, true)}
onMouseDown={(e: Konva.KonvaEventObject<MouseEvent>) =>
leftMouseButton(e) && handleShapeOver(shape, true)
}
onTouchStart={() => handleShapeOver(shape, true)}
onMouseUp={eraseHoveredShapes}
onTouchEnd={eraseHoveredShapes}