FEAT: No binding to frame cutout

packages/element/src/collision.ts

@@ -36,6 +36,7 @@ import {
   getCubicBezierCurveBound,
   getDiamondPoints,
   getElementBounds,
+  pointInsideBounds,
 } from "./bounds";
 import {
   hasBoundTextElement,
@@ -226,6 +227,20 @@ const bindingBorderTest = (
     return false;
   }
 
+  // If the element is inside a frame, we should clip the element
+  if (element.frameId) {
+    const enclosingFrame = elementsMap.get(element.frameId);
+    if (enclosingFrame && isFrameLikeElement(enclosingFrame)) {
+      const enclosingFrameBounds = getElementBounds(
+        enclosingFrame,
+        elementsMap,
+      );
+      if (!pointInsideBounds(p, enclosingFrameBounds)) {
+        return false;
+      }
+    }
+  }
+
   // Do the intersection test against the element since it's close enough
   const intersections = intersectElementWithLineSegment(
     element,