Handle curve selections properly for overlapping shapes

src/main.js

@@ -303,27 +303,29 @@ function setProperty(context, path, value) {
 
 function selectCurve(context, mouse) {
   let mouseTolerance = 15;
+  let closestDist = mouseTolerance;
+  let closestCurve = undefined
+  let closestShape = undefined
   for (let shape of context.activeObject.currentFrame.shapes) {
     if (mouse.x > shape.boundingBox.x.min - mouseTolerance &&
         mouse.x < shape.boundingBox.x.max + mouseTolerance &&
         mouse.y > shape.boundingBox.y.min - mouseTolerance &&
         mouse.y < shape.boundingBox.y.max + mouseTolerance) {
-      let closestDist = mouseTolerance;
-      let closest = undefined
       for (let curve of shape.curves) {
         let dist = vectorDist(mouse, curve.project(mouse))
         if (dist <= closestDist ) {
           closestDist = dist
-          closest = curve
+          closestCurve = curve
+          closestShape = shape
         }
       }
-      if (closest) {
-        return {curve:closest, shape:shape}
+      }
+    }
+      if (closestCurve) {
+        return {curve:closestCurve, shape:closestShape}
       } else {
         return undefined
   }
-    }
-  }
 }
 
 function moldCurve(curve, mouse, oldmouse) {
@@ -1108,6 +1110,7 @@ function stage() {
           }
         } else {
           let selection = selectCurve(context, mouse)
+          console.log(selection)
           if (selection) {
             context.activeCurve = {
               current: selection.curve,