Errorneous intersection in focus point calc fixed

Signed-off-by: Mark Tolmacs <mark@lazycat.hu>

packages/excalidraw/element/binding.ts

@@ -70,6 +70,7 @@ import {
   vectorNormalize,
   vectorCross,
   pointsEqual,
+  pointOnLineSegment,
 } from "../../math";
 import { intersectElementWithLineSegment } from "./collision";
 import { distanceToBindableElement } from "./distance";
@@ -1533,68 +1534,35 @@ const determineFocusDistance = (
     pointRotateRads(a, center, -element.angle as Radians),
     pointRotateRads(b, center, -element.angle as Radians),
   );
-  // [
+  const axes =
-  //   linesIntersectAt(
-  //     rotatedInterceptor,
-  //     line(
-  //       element.type === "diamond"
-  //         ? pointFrom<GlobalPoint>(element.x + element.width / 2, element.y)
-  //         : pointFrom<GlobalPoint>(element.x, element.y),
-  //       element.type === "diamond"
-  //         ? pointFrom<GlobalPoint>(
-  //             element.x + element.width / 2,
-  //             element.y + element.height,
-  //           )
-  //         : pointFrom<GlobalPoint>(
-  //             element.x + element.width,
-  //             element.y + element.height,
-  //           ),
-  //     ),
-  //   ),
-  //   linesIntersectAt(
-  //     rotatedInterceptor,
-  //     line(
-  //       element.type === "diamond"
-  //         ? pointFrom<GlobalPoint>(element.x, element.y + element.height / 2)
-  //         : pointFrom<GlobalPoint>(element.x + element.width, element.y),
-  //       element.type === "diamond"
-  //         ? pointFrom<GlobalPoint>(
-  //             element.x + element.width,
-  //             element.y + element.height / 2,
-  //           )
-  //         : pointFrom<GlobalPoint>(element.x, element.y + element.height),
-  //     ),
-  //   ),
-  // ]
-  //   .filter((p: GlobalPoint | null): p is GlobalPoint => p !== null)
-  //   .sort((g, h) => pointDistanceSq(g, b) - pointDistanceSq(h, b))
-  //   .forEach((p) => debugDrawPoint(p, { color: "red", permanent: true }));
-
-  const axes = [
-    line(
-      element.type === "diamond"
-        ? pointFrom<GlobalPoint>(element.x + element.width / 2, element.y)
-        : pointFrom<GlobalPoint>(element.x, element.y),
     element.type === "diamond"
-        ? pointFrom<GlobalPoint>(
+      ? [
+          line(
+            pointFrom<GlobalPoint>(element.x + element.width / 2, element.y),
+            pointFrom<GlobalPoint>(
               element.x + element.width / 2,
               element.y + element.height,
-          )
-        : pointFrom<GlobalPoint>(
-            element.x + element.width,
-            element.y + element.height,
             ),
           ),
           line(
-      element.type === "diamond"
+            pointFrom<GlobalPoint>(element.x, element.y + element.height / 2),
-        ? pointFrom<GlobalPoint>(element.x, element.y + element.height / 2)
+            pointFrom<GlobalPoint>(
-        : pointFrom<GlobalPoint>(element.x + element.width, element.y),
-      element.type === "diamond"
-        ? pointFrom<GlobalPoint>(
               element.x + element.width,
               element.y + element.height / 2,
-          )
+            ),
-        : pointFrom<GlobalPoint>(element.x, element.y + element.height),
+          ),
+        ]
+      : [
+          line(
+            pointFrom<GlobalPoint>(element.x, element.y),
+            pointFrom<GlobalPoint>(
+              element.x + element.width,
+              element.y + element.height,
+            ),
+          ),
+          line(
+            pointFrom<GlobalPoint>(element.x + element.width, element.y),
+            pointFrom<GlobalPoint>(element.x, element.y + element.height),
           ),
         ];
   const ordered = [
@@ -1602,8 +1570,10 @@ const determineFocusDistance = (
     linesIntersectAt(rotatedInterceptor, axes[1]),
   ]
     .filter((p): p is GlobalPoint => p !== null)
+    .filter((p) => !pointOnLineSegment(p, lineSegment(a, b)))
     .map((p, idx): [GlobalPoint, number] => [p, idx])
     .sort((g, h) => pointDistanceSq(g[0], b) - pointDistanceSq(h[0], b))[0];
+
   const sign =
     Math.sign(vectorCross(vectorFromPoint(b, a), vectorFromPoint(b, center))) *
     -1;
@@ -1720,7 +1690,7 @@ const determineFocusPoint = (
           ) < 0),
   ];
 
-  return selected[0]
+  const focusPoint = selected[0]
     ? focus > 0
       ? candidates[1]
       : candidates[0]
@@ -1735,6 +1705,8 @@ const determineFocusPoint = (
     : focus > 0
     ? candidates[0]
     : candidates[3];
+
+  return focusPoint;
 };
 
 export const bindingProperties: Set<BindableProp | BindingProp> = new Set([