Fix the highlight part of the issue

packages/element/src/binding.ts

@@ -416,7 +416,7 @@ export const maybeSuggestBindingsForLinearElementAtCoords = (
   }
 
   const suggestedBindings = pointerCoords.reduce(
-    (acc: NonDeleted<ExcalidrawBindableElement>[], coords) => {
+    (acc: Set<NonDeleted<ExcalidrawBindableElement>>, coords) => {
       const hoveredBindableElement = getHoveredElementForBinding(
         coords,
         scene.getNonDeletedElements(),
@@ -425,6 +425,7 @@ export const maybeSuggestBindingsForLinearElementAtCoords = (
         isElbowArrow(linearElement),
         isElbowArrow(linearElement),
       );
+
       if (
         hoveredBindableElement != null &&
         !isLinearElementSimpleAndAlreadyBound(
@@ -433,14 +434,15 @@ export const maybeSuggestBindingsForLinearElementAtCoords = (
           hoveredBindableElement,
         )
       ) {
-        acc.push(hoveredBindableElement);
+        acc.add(hoveredBindableElement);
       }
+
       return acc;
     },
-    [],
+    new Set() as Set<NonDeleted<ExcalidrawBindableElement>>,
   );
 
-  return suggestedBindings;
+  return Array.from(suggestedBindings);
 };
 
 export const maybeBindLinearElement = (
@@ -580,7 +582,7 @@ export const isLinearElementSimpleAndAlreadyBound = (
 
 const isLinearElementSimple = (
   linearElement: NonDeleted<ExcalidrawLinearElement>,
-): boolean => linearElement.points.length < 3;
+): boolean => linearElement.points.length < 3 && !isElbowArrow(linearElement);
 
 const unbindLinearElement = (
   linearElement: NonDeleted<ExcalidrawLinearElement>,

packages/element/src/linearElementEditor.ts

@@ -371,10 +371,16 @@ export class LinearElementEditor {
       // suggest bindings for first and last point if selected
       let suggestedBindings: ExcalidrawBindableElement[] = [];
       if (isBindingElement(element, false)) {
+        const firstSelectedIndex = selectedPointsIndices[0] === 0;
+        const lastSelectedIndex =
+          selectedPointsIndices[selectedPointsIndices.length - 1] ===
+          element.points.length - 1;
         const coords: { x: number; y: number }[] = [];
 
-        const firstSelectedIndex = selectedPointsIndices[0];
+        if (!firstSelectedIndex !== !lastSelectedIndex) {
-        if (firstSelectedIndex === 0) {
+          coords.push({ x: scenePointerX, y: scenePointerY });
+        } else {
+          if (firstSelectedIndex) {
             coords.push(
               tupleToCoors(
                 LinearElementEditor.getPointGlobalCoordinates(
@@ -386,19 +392,20 @@ export class LinearElementEditor {
             );
           }
 
-        const lastSelectedIndex =
+          if (lastSelectedIndex) {
-          selectedPointsIndices[selectedPointsIndices.length - 1];
-        if (lastSelectedIndex === element.points.length - 1) {
             coords.push(
               tupleToCoors(
                 LinearElementEditor.getPointGlobalCoordinates(
                   element,
-                element.points[lastSelectedIndex],
+                  element.points[
+                    selectedPointsIndices[selectedPointsIndices.length - 1]
+                  ],
                   elementsMap,
                 ),
               ),
             );
           }
+        }
 
         if (coords.length) {
           suggestedBindings = maybeSuggestBindingsForLinearElementAtCoords(