minecraft-inventory 0.1.31 → 0.1.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecraft-inventory",
-  "version": "0.1.31",
+  "version": "0.1.33",
   "type": "module",
   "license": "MIT",
   "release": {

package/src/components/InventoryOverlay/InventoryOverlay.tsx

@@ -330,7 +330,7 @@ export function InventoryOverlay({
               lineHeight: 1,
             }}
           >
-            INV 0.1.31
+            INV 0.1.33
           </a>
         )}
 

package/src/components/Slot/Slot.tsx

@@ -229,16 +229,13 @@ export function Slot({
   const handleWheel = useCallback(
     (e: WheelEvent) => {
       if (isMobile || disabled) return
+      if (onClickOverride) return // JEI slots: let parent handle wheel for pagination
       if (!item && !heldItem) return
       e.preventDefault()
-      if (onClickOverride) {
-        onClickOverride('right', 'normal')
-      } else {
-        if (e.deltaY < 0 && item) {
-          sendAction({ type: 'click', slotIndex: index, button: 'right', mode: 'normal' })
-        } else if (e.deltaY > 0 && heldItem) {
-          sendAction({ type: 'click', slotIndex: index, button: 'right', mode: 'normal' })
-        }
+      if (e.deltaY < 0 && item) {
+        sendAction({ type: 'click', slotIndex: index, button: 'right', mode: 'normal' })
+      } else if (e.deltaY > 0 && heldItem) {
+        sendAction({ type: 'click', slotIndex: index, button: 'right', mode: 'normal' })
       }
     },
     [isMobile, disabled, item, heldItem, sendAction, index, onClickOverride],

package/src/context/InventoryContext.tsx

@@ -360,6 +360,27 @@ export function InventoryProvider({ connector, children, noDragSpread = false, n
     setDragRemainder(null)
   }, [])
 
+  // Global mouseup listener to finalize drag when the button is released outside slot elements.
+  // Slot.handleMouseUp calls e.stopPropagation(), so when mouseup lands on a slot the window
+  // listener does NOT fire — the two handlers are mutually exclusive.
+  useEffect(() => {
+    if (!isDragging) return
+
+    const handleGlobalMouseUp = () => {
+      endDrag()
+    }
+    const handleBlur = () => {
+      cancelDrag()
+    }
+
+    window.addEventListener('mouseup', handleGlobalMouseUp)
+    window.addEventListener('blur', handleBlur)
+    return () => {
+      window.removeEventListener('mouseup', handleGlobalMouseUp)
+      window.removeEventListener('blur', handleBlur)
+    }
+  }, [isDragging, endDrag, cancelDrag])
+
   const getSlot = useCallback(
     (index: number) => {
       return windowState?.slots.find((s) => s.index === index)