fix(editor): disable snap-to-midpoint menu item when arrow-binding disabled (#10885)

packages/excalidraw/components/dropdownMenu/DropdownMenu.scss

@@ -181,6 +181,21 @@
         box-shadow: 0 0 0 1px var(--color-brand-active);
       }
 
+      &[disabled] {
+        cursor: not-allowed;
+        opacity: 0.5;
+        pointer-events: none;
+
+        &:hover {
+          background-color: transparent;
+        }
+
+        &:active {
+          background-color: transparent;
+          box-shadow: none;
+        }
+      }
+
       svg {
         width: 1rem;
         height: 1rem;

packages/excalidraw/components/main-menu/DefaultItems.tsx

@@ -469,6 +469,7 @@ const PreferencesToggleMidpointSnappingItem = () => {
   return (
     <DropdownMenuItemCheckbox
       checked={appState.isMidpointSnappingEnabled}
+      disabled={appState.bindingPreference === "disabled"}
       onSelect={(event) => {
         actionManager.executeAction(actionToggleMidpointSnapping);
         event.preventDefault();