@ricsam/react-spreadsheets 0.0.10 → 0.0.11

package/README.md

@@ -339,6 +339,11 @@ Per-cell styling is done in JS:
 | `selection` | Selection state, navigation model, and `effects(selectionManager)` for copy/paste/fill/reference hooks. |
 | `components` + `overlayChildren` | Floating overlays anchored to the grid, optionally snapped to cell edges. |
 
+Wheel input over the grid remains available when its cell selection is blurred.
+Wheel events originating inside a floating overlay are left to that overlay, so
+scrollable editors and other interactive overlay content keep their native
+scroll behavior.
+
 ## Development
 
 ```bash

package/dist/cjs/lib.cjs

@@ -1434,6 +1434,7 @@ var resizeCellSnapAnchorToNearestEdges = (anchor, rect, handle, columnWidths, ro
 
 // src/spreadsheet/spreadsheet.tsx
 var jsx_runtime3 = require("react/jsx-runtime");
+var SPREADSHEET_OVERLAY_SELECTOR = "[data-rsp-overlay]";
 var resolveGridLineColor = (probe, colorScheme) => {
   const fallback = colorScheme === "dark" ? "#232c3d" : "#e8ebf1";
   if (!probe || typeof getComputedStyle !== "function") {
@@ -2394,6 +2395,12 @@ var Spreadsheet = import_react4.forwardRef(({
     });
   }, [selectionManager, clipboardManager, disableClipboard]);
   const handleWheel = import_react4.useCallback((e) => {
+    const target = e.target;
+    const currentTarget = e.currentTarget;
+    const overlay = target instanceof Element ? target.closest(SPREADSHEET_OVERLAY_SELECTOR) : null;
+    if (overlay && currentTarget instanceof Node && currentTarget.contains(overlay)) {
+      return;
+    }
     e.preventDefault();
     e.stopPropagation();
     setViewport((previous) => ({
@@ -3119,6 +3126,7 @@ var Spreadsheet = import_react4.forwardRef(({
                 const isTextBox = child.component === "RichText";
                 const isMinimized = Boolean(child.minimized && !isTextBox);
                 return /* @__PURE__ */ jsx_runtime3.jsxs("div", {
+                  "data-rsp-overlay": child.id,
                   style: {
                     position: "absolute",
                     width: child.width,
@@ -4553,4 +4561,4 @@ var useClickAway = (ref, callback) => {
   }, [ref, callback]);
 };
 
-//# debugId=E584D6343578997564756E2164756E21
+//# debugId=64201658718498BD64756E2164756E21