Merge pull request #101 from khalidh223/98-bugfix-dragging-to-edge

#98: Fixes bug where dragging mouse off canvas doesn't release click to allow a second mark to be made

components/canvas/DrawCanvas.tsx

@@ -235,15 +235,21 @@ const setupCanvasListeners = (
     lastCoords.current = { x: event.offsetX, y: event.offsetY }
   }
 
+  const onMouseLeave = () => {
+    drawingRef.current = false;
+  }
+
   canvas.addEventListener("mousedown", onMouseDown)
   canvas.addEventListener("mouseup", stopDrawing)
   canvas.addEventListener("mousemove", onMouseMove)
+  canvas.addEventListener("mouseleave", onMouseLeave)
 
   return () => {
     if (canvas) {
       canvas.removeEventListener("mousedown", onMouseDown)
       canvas.removeEventListener("mouseup", stopDrawing)
       canvas.removeEventListener("mousemove", onMouseMove)
+      canvas.removeEventListener("mouseleave", onMouseLeave)
     }
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fake-artist",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "scripts": {
     "dev": "next dev",