@ricsam/react-spreadsheets 0.0.10 → 0.0.11

package/dist/cjs/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@ricsam/react-spreadsheets",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "commonjs"
 }

package/dist/mjs/lib.mjs

@@ -1326,6 +1326,7 @@ var resizeCellSnapAnchorToNearestEdges = (anchor, rect, handle, columnWidths, ro
 
 // src/spreadsheet/spreadsheet.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "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") {
@@ -2286,6 +2287,12 @@ var Spreadsheet = forwardRef(({
     });
   }, [selectionManager, clipboardManager, disableClipboard]);
   const handleWheel = useCallback3((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) => ({
@@ -3011,6 +3018,7 @@ var Spreadsheet = forwardRef(({
                 const isTextBox = child.component === "RichText";
                 const isMinimized = Boolean(child.minimized && !isTextBox);
                 return /* @__PURE__ */ jsxs2("div", {
+                  "data-rsp-overlay": child.id,
                   style: {
                     position: "absolute",
                     width: child.width,
@@ -4499,4 +4507,4 @@ export {
   useResizeObserver
 };
 
-//# debugId=27095BB366C4630864756E2164756E21
+//# debugId=7847981F1291DEF064756E2164756E21