socialcalc-ai 1.0.2 → 1.0.3

package/README.md

@@ -532,6 +532,11 @@ import {
 
 ## 📦 Release Notes
 
+### v1.0.3
+- **Node.js ESM & Runtime Compatibility**: Enhanced UMD root resolution across all core modules to support `globalThis`, eliminating undefined root errors in Node.js ES module loaders.
+- **TypeScript Declarations**: Bundled official type declarations (`index.d.ts`) covering all core exports, plugin modules, and React/Ionic UI modal components.
+- **Packaging Refinements**: Added `.npmignore` to exclude test files, scratch scripts, and developer metadata from distributed tarballs.
+
 ### v1.0.2
 - **Cell Edit Modal Fix**: Fixed cell click interceptor and mouse delegates so clicking any cell reliably triggers the `CellEditModal` bottom sheet.
 - **Scroll Distortion Fix**: Resolved table border collapse and column misalignment when scrolling past multi-row (`rowspan`) and multi-column (`colspan`) blocks.

package/core/constants.js

@@ -11,7 +11,7 @@
     } else {
         root.SocialCalcConstants = factory();
     }
-})(typeof self !== "undefined" ? self : this, function () {
+})(typeof globalThis !== "undefined" ? globalThis : (typeof self !== "undefined" ? self : this), function () {
 
     // Initialize SocialCalc namespace if not exists
     var SocialCalc;

package/core/core.js

@@ -11,7 +11,7 @@
     } else {
         root.SocialCalcCore = factory();
     }
-})(typeof self !== "undefined" ? self : this, function () {
+})(typeof globalThis !== "undefined" ? globalThis : (typeof self !== "undefined" ? self : this), function () {
 
     // Get SocialCalc namespace
     var SocialCalc;

package/core/format-number.js

@@ -11,7 +11,7 @@
     } else {
         root.SocialCalcFormatNumber = factory();
     }
-})(typeof self !== "undefined" ? self : this, function () {
+})(typeof globalThis !== "undefined" ? globalThis : (typeof self !== "undefined" ? self : this), function () {
 
     // Get SocialCalc namespace
     var SocialCalc;

package/core/formula.js

@@ -11,7 +11,7 @@
     } else {
         root.SocialCalcFormula = factory();
     }
-})(typeof self !== "undefined" ? self : this, function () {
+})(typeof globalThis !== "undefined" ? globalThis : (typeof self !== "undefined" ? self : this), function () {
 
     // Get SocialCalc namespace
     var SocialCalc;

package/core/spreadsheet-control.js

@@ -11,7 +11,7 @@
   } else {
     root.SocialCalcSpreadsheetControl = factory();
   }
-})(typeof self !== "undefined" ? self : this, function () {
+})(typeof globalThis !== "undefined" ? globalThis : (typeof self !== "undefined" ? self : this), function () {
 
   // Get SocialCalc namespace
   var SocialCalc;

package/core/table-editor.js

@@ -11,7 +11,7 @@
     } else {
         root.SocialCalcTableEditor = factory();
     }
-})(typeof self !== "undefined" ? self : this, function () {
+})(typeof globalThis !== "undefined" ? globalThis : (typeof self !== "undefined" ? self : this), function () {
 
     // Get SocialCalc namespace
     var SocialCalc;
@@ -3783,8 +3783,23 @@
             return;
         }
 
-        // Do a gross move and render
+        // Fast micro-DOM update for 1-4 row vertical scrolls (smooth touch & momentum)
+        if (hamount == 0 && Math.abs(vamount) >= 1 && Math.abs(vamount) <= 4) {
+            var stepDir = vamount > 0 ? 1 : -1;
+            var steps = Math.abs(vamount);
+            for (var s = 0; s < steps; s++) {
+                if (stepDir > 0) {
+                    editor.ScrollTableUpOneRow();
+                } else {
+                    editor.ScrollTableDownOneRow();
+                }
+            }
+            if (editor.ecell) editor.SetECellHeaders("selected");
+            editor.SchedulePositionCalculations();
+            return;
+        }
 
+        // Do a gross move and render for large jumps or horizontal scrolls
         if (vamount != 0 || hamount != 0) {
             context.rowpanes[vplen - 1].first += vamount;
             context.rowpanes[vplen - 1].last += vamount;
@@ -3873,13 +3888,252 @@
     };
 
     SocialCalc.ScrollTableUpOneRow = function (editor) {
-        SocialCalc.ScrollRelativeBoth(editor, 1, 0);
-        return editor.fullgrid;
+        var toprow,
+            rowpane,
+            rownum,
+            colnum,
+            colpane,
+            cell,
+            oldrownum,
+            maxspan,
+            newbottomrow,
+            newrow,
+            oldchild,
+            bottomrownum;
+        var rowneedsrefresh = {};
+
+        var context = editor.context;
+        var sheetobj = context.sheetobj;
+        var tableobj = editor.fullgrid;
+
+        var tbodyobj = tableobj.lastChild;
+        if (!tbodyobj || !tbodyobj.childNodes) return editor.fullgrid;
+
+        toprow = context.showRCHeaders ? 2 : 1;
+        for (rowpane = 0; rowpane < context.rowpanes.length - 1; rowpane++) {
+            toprow +=
+                context.rowpanes[rowpane].last - context.rowpanes[rowpane].first + 2; // skip pane and spacing row
+        }
+
+        if (toprow >= tbodyobj.childNodes.length) return editor.fullgrid;
+        tbodyobj.removeChild(tbodyobj.childNodes[toprow]);
+
+        context.rowpanes[rowpane].first++;
+        context.rowpanes[rowpane].last++;
+        editor.FitToEditTable();
+        context.CalculateColWidthData();
+
+        newbottomrow = context.RenderRow(context.rowpanes[rowpane].last, rowpane);
+        if (newbottomrow) {
+            tbodyobj.appendChild(newbottomrow);
+        }
+
+        // If scrolled off a row with starting rowspans OR continuation spans, refresh rows for largest span
+        var maxrowspan = 1;
+        oldrownum = context.rowpanes[rowpane].first - 1;
+
+        for (colpane = 0; colpane < context.colpanes.length; colpane++) {
+            for (
+                colnum = context.colpanes[colpane].first;
+                colnum <= context.colpanes[colpane].last;
+                colnum++
+            ) {
+                var coord = SocialCalc.crToCoord(colnum, oldrownum);
+                if (context.cellskip && context.cellskip[coord]) {
+                    // Cell was covered by a span starting above oldrownum
+                    var originCoord = context.cellskip[coord];
+                    var originCell = sheetobj.cells[originCoord];
+                    var originCR = context.coordToCR ? context.coordToCR[originCoord] : null;
+                    if (originCell && originCR) {
+                        var remainingSpan = (originCR.row - 0 + originCell.rowspan) - oldrownum;
+                        if (remainingSpan > maxrowspan) maxrowspan = remainingSpan;
+                    }
+                    continue;
+                }
+                cell = sheetobj.cells[coord];
+                if (cell && cell.rowspan > maxrowspan) maxrowspan = cell.rowspan;
+            }
+        }
+
+        if (maxrowspan > 1) {
+            for (rownum = 1; rownum < maxrowspan; rownum++) {
+                var targetRow = rownum + oldrownum;
+                if (targetRow > context.rowpanes[rowpane].last) break;
+                newrow = context.RenderRow(targetRow, rowpane);
+                oldchild = tbodyobj.childNodes[toprow + rownum - 1];
+                if (oldchild && newrow) {
+                    tbodyobj.replaceChild(newrow, oldchild);
+                }
+            }
+        }
+
+        // If added bottom row includes rowspans from above, update the size of those to include new row
+        bottomrownum = context.rowpanes[rowpane].last;
+
+        for (colpane = 0; colpane < context.colpanes.length; colpane++) {
+            for (
+                colnum = context.colpanes[colpane].first;
+                colnum <= context.colpanes[colpane].last;
+                colnum++
+            ) {
+                if (!context.cellskip) continue;
+                coord = context.cellskip[SocialCalc.crToCoord(colnum, bottomrownum)];
+                if (!coord) continue;
+                rownum = context.coordToCR ? (context.coordToCR[coord].row - 0) : null;
+                if (
+                    rownum === null ||
+                    rownum == context.rowpanes[rowpane].last ||
+                    rownum < context.rowpanes[rowpane].first
+                ) {
+                    continue;
+                }
+                cell = sheetobj.cells[coord];
+                if (cell && cell.rowspan > 1) rowneedsrefresh[rownum] = true;
+            }
+        }
+
+        for (rownum in rowneedsrefresh) {
+            newrow = context.RenderRow(rownum - 0, rowpane);
+            oldchild =
+                tbodyobj.childNodes[
+                toprow + (rownum - context.rowpanes[rowpane].first)
+                ];
+            if (oldchild && newrow) {
+                tbodyobj.replaceChild(newrow, oldchild);
+            }
+        }
+
+        return tableobj;
     };
 
     SocialCalc.ScrollTableDownOneRow = function (editor) {
-        SocialCalc.ScrollRelativeBoth(editor, -1, 0);
-        return editor.fullgrid;
+        var toprow,
+            rowpane,
+            rownum,
+            colnum,
+            colpane,
+            cell,
+            newrownum,
+            maxspan,
+            newbottomrow,
+            newrow,
+            oldchild,
+            bottomrownum,
+            maxrowspan,
+            coord;
+        var rowneedsrefresh = {};
+
+        var context = editor.context;
+        var sheetobj = context.sheetobj;
+        var tableobj = editor.fullgrid;
+
+        var tbodyobj = tableobj.lastChild;
+        if (!tbodyobj || !tbodyobj.childNodes) return editor.fullgrid;
+
+        toprow = context.showRCHeaders ? 2 : 1;
+        for (rowpane = 0; rowpane < context.rowpanes.length - 1; rowpane++) {
+            toprow +=
+                context.rowpanes[rowpane].last - context.rowpanes[rowpane].first + 2; // skip pane and spacing row
+        }
+
+        var removeIdx = toprow + (context.rowpanes[rowpane].last - context.rowpanes[rowpane].first);
+        if (removeIdx < tbodyobj.childNodes.length) {
+            tbodyobj.removeChild(tbodyobj.childNodes[removeIdx]);
+        }
+
+        context.rowpanes[rowpane].first--;
+        context.rowpanes[rowpane].last--;
+        editor.FitToEditTable();
+        context.CalculateColWidthData();
+
+        newrow = context.RenderRow(context.rowpanes[rowpane].first, rowpane);
+        if (toprow < tbodyobj.childNodes.length) {
+            tbodyobj.insertBefore(newrow, tbodyobj.childNodes[toprow]);
+        } else {
+            tbodyobj.appendChild(newrow);
+        }
+
+        // If inserted a row with starting rowspans or continuation spans, refresh rows for largest span
+        maxrowspan = 1;
+        newrownum = context.rowpanes[rowpane].first;
+
+        for (colpane = 0; colpane < context.colpanes.length; colpane++) {
+            for (
+                colnum = context.colpanes[colpane].first;
+                colnum <= context.colpanes[colpane].last;
+                colnum++
+            ) {
+                coord = SocialCalc.crToCoord(colnum, newrownum);
+                if (context.cellskip && context.cellskip[coord]) {
+                    var originCoord = context.cellskip[coord];
+                    var originCell = sheetobj.cells[originCoord];
+                    var originCR = context.coordToCR ? context.coordToCR[originCoord] : null;
+                    if (originCell && originCR) {
+                        var remaining = (originCR.row - 0 + originCell.rowspan) - newrownum;
+                        if (remaining > maxrowspan) maxrowspan = remaining;
+                    }
+                    continue;
+                }
+                cell = sheetobj.cells[coord];
+                if (cell && cell.rowspan > maxrowspan) maxrowspan = cell.rowspan;
+            }
+        }
+
+        if (maxrowspan > 1) {
+            for (rownum = 1; rownum < maxrowspan; rownum++) {
+                var targetRow = rownum + newrownum;
+                if (targetRow > context.rowpanes[rowpane].last) break;
+                newrow = context.RenderRow(targetRow, rowpane);
+                oldchild = tbodyobj.childNodes[toprow + rownum];
+                if (oldchild && newrow) {
+                    tbodyobj.replaceChild(newrow, oldchild);
+                }
+            }
+        }
+
+        // If last row now includes rowspans or rowspans from above, update the size of those to remove deleted row
+        bottomrownum = context.rowpanes[rowpane].last;
+
+        for (colpane = 0; colpane < context.colpanes.length; colpane++) {
+            for (
+                colnum = context.colpanes[colpane].first;
+                colnum <= context.colpanes[colpane].last;
+                colnum++
+            ) {
+                coord = SocialCalc.crToCoord(colnum, bottomrownum);
+                cell = sheetobj.cells[coord];
+                if (cell && cell.rowspan > 1) {
+                    rowneedsrefresh[bottomrownum] = true;
+                    continue;
+                }
+                if (!context.cellskip) continue;
+                coord = context.cellskip[SocialCalc.crToCoord(colnum, bottomrownum)];
+                if (!coord) continue;
+                rownum = context.coordToCR ? (context.coordToCR[coord].row - 0) : null;
+                if (
+                    rownum === null ||
+                    rownum == bottomrownum ||
+                    rownum < context.rowpanes[rowpane].first
+                ) {
+                    continue;
+                }
+                cell = sheetobj.cells[coord];
+                if (cell && cell.rowspan > 1) rowneedsrefresh[rownum] = true;
+            }
+        }
+
+        for (rownum in rowneedsrefresh) {
+            newrow = context.RenderRow(rownum - 0, rowpane);
+            oldchild =
+                tbodyobj.childNodes[
+                toprow + (rownum - context.rowpanes[rowpane].first)
+                ];
+            if (oldchild && newrow) {
+                tbodyobj.replaceChild(newrow, oldchild);
+            }
+        }
+
+        return tableobj;
     };
 
     // *************************************

package/modules/init.js

@@ -40,6 +40,7 @@ export function initializeApp(data) {
   }
 
   spreadsheet.InitializeSpreadsheetControl(tableeditor, 0, 0, 0);
+  SocialCalc._activeEditor = spreadsheet.editor;
   spreadsheet.ExecuteCommand("redisplay", "");
 
   // Determine which workbook control id exists (string passed to constructor)

package/modules/listeners.js

@@ -244,8 +244,15 @@ export function setupMouseListener() {
     while (headerTd && headerTd.tagName !== "TD" && headerTd.tagName !== "TH" && headerTd !== document.body) {
       headerTd = headerTd.parentNode;
     }
-    if (!isColHeader && headerTd && headerTd.className && typeof headerTd.className === "string" && headerTd.className.indexOf("colname") !== -1) {
-      isColHeader = true;
+    if (!isColHeader && headerTd) {
+      if (headerTd.className && typeof headerTd.className === "string" && headerTd.className.indexOf("colname") !== -1) {
+        isColHeader = true;
+      } else if (headerTd.tagName === "TD" || headerTd.tagName === "TH") {
+        var headerTxt = (headerTd.textContent || "").trim().toUpperCase();
+        if (/^[A-Z]{1,2}$/.test(headerTxt)) {
+          isColHeader = true;
+        }
+      }
     }
 
     if (isRowColHeadersEnabled() && isColHeader) {

package/modules/plugin-manager.js

@@ -31,6 +31,9 @@ export function getActiveEditor() {
   if (typeof window !== "undefined" && window.SocialCalc) {
     SocialCalc = window.SocialCalc;
   }
+  if (SocialCalc && SocialCalc._activeEditor) {
+    return SocialCalc._activeEditor;
+  }
   if (SocialCalc && SocialCalc.GetCurrentWorkBookControl) {
     const ctrl = SocialCalc.GetCurrentWorkBookControl();
     if (ctrl && ctrl.workbook && ctrl.workbook.spreadsheet && ctrl.workbook.spreadsheet.editor) {

package/modules/row-col-headers.js

@@ -114,14 +114,17 @@ export function updateColumnResizeHandlePosition() {
 
   // 1. Try finding exact header cell from DOM for pixel-perfect coordinates
   if (editor.fullgrid) {
-    const cells = editor.fullgrid.querySelectorAll("td");
+    const cells = editor.fullgrid.querySelectorAll("td, th");
     for (let i = 0; i < cells.length; i++) {
       const c = cells[i];
-      if (c.textContent && c.textContent.trim() === colLetter && c.className && typeof c.className === "string" && c.className.indexOf("colname") !== -1) {
+      const txt = c.textContent ? c.textContent.trim() : "";
+      if (txt === colLetter) {
         const rect = c.getBoundingClientRect();
-        colRight = Math.round(rect.right);
-        headerBottom = Math.round(rect.bottom);
-        break;
+        if (rect.width > 0 && rect.height > 0) {
+          colRight = Math.round(rect.right);
+          headerBottom = Math.round(rect.bottom);
+          break;
+        }
       }
     }
   }
@@ -151,8 +154,24 @@ export function updateColumnResizeHandlePosition() {
     handle = document.createElement("div");
     handle.id = "sc-col-resize-corner-handle";
     handle.className = "sc-col-resize-corner-handle";
+    handle.style.position = "fixed";
+    handle.style.zIndex = "99999";
+    handle.style.width = "24px";
+    handle.style.height = "24px";
+    handle.style.backgroundColor = "#2563eb";
+    handle.style.color = "#ffffff";
+    handle.style.borderRadius = "50%";
+    handle.style.border = "2px solid #ffffff";
+    handle.style.boxShadow = "0 2px 8px rgba(0,0,0,0.35)";
+    handle.style.display = "flex";
+    handle.style.alignItems = "center";
+    handle.style.justifyContent = "center";
+    handle.style.cursor = "col-resize";
+    handle.style.touchAction = "none";
+    handle.style.transform = "translate(-50%, -50%)";
+    handle.style.pointerEvents = "auto";
     handle.innerHTML = `
-      <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
         <polyline points="8 4 4 8 8 12"></polyline>
         <polyline points="16 4 20 8 16 12"></polyline>
         <line x1="4" y1="8" x2="20" y2="8"></line>
@@ -497,8 +516,16 @@ export function isRowColHeadersEnabled() {
 
 // Window scroll and resize listeners to reposition the handle
 if (typeof window !== "undefined") {
+  SocialCalc = window.SocialCalc = window.SocialCalc || {};
+  SocialCalc.selectColumn = selectColumn;
+  SocialCalc.selectRow = selectRow;
+  SocialCalc.showColumnResizeHandle = showColumnResizeHandle;
+  SocialCalc.hideColumnResizeHandle = hideColumnResizeHandle;
+  SocialCalc.updateColumnResizeHandlePosition = updateColumnResizeHandlePosition;
+
   window.addEventListener("resize", updateColumnResizeHandlePosition);
   window.addEventListener("socialcalc:horizontal-scroll", updateColumnResizeHandlePosition);
+  window.addEventListener("socialcalc:scroll", updateColumnResizeHandlePosition);
 }
 
 // Register as a plugin in the plugin manager

package/modules/touch-scroll.js

@@ -108,8 +108,8 @@ function getEditor() {
 
 function editorCanScroll(editor) {
     if (!editor) return false;
-    if (editor.busy) return false;
-    if (editor.state !== "start") return false;
+    // Do not block touch scrolling during micro-renders or position steps
+    if (editor.busy && editor.busy !== true && editor.busy !== "render") return false;
     return true;
 }
 
@@ -175,14 +175,16 @@ function doScroll(editor, rowDelta, colDelta) {
 // ─── Replacement Touch Handlers ──────────────────────────────────────────────
 
 function handleTouchStart(event) {
-    // Only handle single-finger touches
-    if (event.touches.length !== 1) return;
-
-    const touch = event.touches[0];
-
     // Cancel any running momentum
     cancelMomentum();
 
+    // Prevent default browser multi-touch behaviors (pinch-to-zoom, 2-finger page drag)
+    if (event.touches.length > 1) {
+        if (event.cancelable) event.preventDefault();
+    }
+
+    const touch = event.touches[0];
+
     _gesture.active = true;
     _gesture.isScrolling = false;
     _gesture.startX = touch.pageX;
@@ -193,41 +195,36 @@ function handleTouchStart(event) {
     _gesture.colDebt = 0;
     _gesture.velocitySamples = [];
     _gesture.startTime = performance.now();
-
-    // Do NOT call preventDefault here — we decide in touchmove whether this
-    // is a scroll or a tap. If it's a tap we want the event to flow normally.
+    _gesture.initialTouchCount = event.touches.length;
 }
 
 function handleTouchMove(event) {
-    if (!_gesture.active) return;
-    if (event.touches.length !== 1) return;
+    // CRITICAL: Always prevent default native browser scroll / container pan on the sheet
+    // so the entire outer sheet box is NEVER dragged or moved in any direction
+    if (event.cancelable) event.preventDefault();
+    event.stopPropagation();
+
+    if (!_gesture.active || !event.touches.length) return;
 
     const touch = event.touches[0];
-    const dx = _gesture.lastX - touch.pageX;   // positive = finger moved left  (scroll right)
     const dy = _gesture.lastY - touch.pageY;   // positive = finger moved up    (scroll down)
 
     // Check deadzone (only once per gesture)
     if (!_gesture.isScrolling) {
-        const totalDX = Math.abs(touch.pageX - _gesture.startX);
         const totalDY = Math.abs(touch.pageY - _gesture.startY);
-        if (totalDX < TOUCH_SCROLL_CONFIG.scrollDeadzone &&
-            totalDY < TOUCH_SCROLL_CONFIG.scrollDeadzone) {
+        if (totalDY < TOUCH_SCROLL_CONFIG.scrollDeadzone) {
             return; // still within deadzone — not scrolling yet
         }
         _gesture.isScrolling = true;
     }
 
-    // Prevent native scroll / browser actions once we own the gesture
-    if (event.cancelable) event.preventDefault();
-    event.stopPropagation();
-
-    // Track velocity (raw pixels)
+    // Track velocity (raw pixels, vertical only)
     addVelocitySample(0, dy);
 
-    // Accumulate fractional row debt (vertical only)
+    // Accumulate fractional row debt (strictly vertical)
     _gesture.rowDebt += dy / TOUCH_SCROLL_CONFIG.pixelsPerRow;
 
-    // Scroll integer rows (strictly vertical)
+    // Scroll integer rows (strictly vertical - colStep is always 0)
     const rowStep = Math.trunc(_gesture.rowDebt);
 
     if (rowStep !== 0) {
@@ -244,12 +241,21 @@ function handleTouchMove(event) {
 
 function handleTouchEnd(event) {
     if (!_gesture.active) return;
+
+    // If fingers still remain on screen, don't end gesture yet
+    if (event.touches && event.touches.length > 0) {
+        const touch = event.touches[0];
+        _gesture.lastX = touch.pageX;
+        _gesture.lastY = touch.pageY;
+        return;
+    }
+
     _gesture.active = false;
 
     const elapsed = performance.now() - _gesture.startTime;
 
-    // If we never crossed the deadzone, treat as a tap
-    if (!_gesture.isScrolling) {
+    // If we never crossed the deadzone and started with exactly 1 finger, treat as a tap
+    if (!_gesture.isScrolling && _gesture.initialTouchCount === 1) {
         handleTap(event, elapsed);
         return;
     }
@@ -308,6 +314,51 @@ function handleTouchCancel() {
 function handleTap(event, elapsed) {
     const now = performance.now();
     const touchinfo = SocialCalc.TouchInfo;
+    const touch = (event.changedTouches && event.changedTouches[0]) || (event.touches && event.touches[0]);
+
+    // Check if user tapped a column header, row header, or resize handle
+    if (touch && typeof document !== "undefined") {
+        const tappedEl = document.elementFromPoint(touch.clientX, touch.clientY);
+        if (tappedEl) {
+            // If tapped the resize handle itself, let drag handler take care of it
+            if (tappedEl.id === "sc-col-resize-corner-handle" || (tappedEl.closest && tappedEl.closest("#sc-col-resize-corner-handle"))) {
+                return;
+            }
+
+            // Check for Column or Row Header Cell
+            let headerTd = tappedEl;
+            while (headerTd && headerTd.tagName !== "TD" && headerTd.tagName !== "TH" && headerTd !== document.body) {
+                headerTd = headerTd.parentNode;
+            }
+            if (headerTd && (headerTd.tagName === "TD" || headerTd.tagName === "TH")) {
+                const txt = headerTd.textContent ? headerTd.textContent.trim().toUpperCase() : "";
+                if (/^[A-Z]{1,2}$/.test(txt)) {
+                    let colNum = 0;
+                    for (let i = 0; i < txt.length; i++) {
+                        colNum = colNum * 26 + (txt.charCodeAt(i) - 64);
+                    }
+                    if (colNum > 0 && SocialCalc.selectColumn) {
+                        SocialCalc.selectColumn(colNum);
+                        return;
+                    }
+                } else if (/^[0-9]+$/.test(txt)) {
+                    const rowNum = parseInt(txt, 10);
+                    if (rowNum > 0 && SocialCalc.selectRow) {
+                        SocialCalc.selectRow(rowNum);
+                        window.dispatchEvent(new CustomEvent("socialcalc:row-header-click", {
+                            detail: {
+                                rowNum: rowNum,
+                                clientX: touch.clientX,
+                                clientY: touch.clientY
+                            }
+                        }));
+                        return;
+                    }
+                }
+            }
+        }
+    }
+
     const wobj = SocialCalc.FindTouchElement
         ? SocialCalc.FindTouchElement(event)
         : null;
@@ -387,14 +438,26 @@ export function enableTouchScroll() {
             el.removeEventListener("touchstart", _origProcessTouchStart, true);
             el.removeEventListener("touchmove", _origProcessTouchMove, true);
 
-            // Add new listeners — touchmove must be non-passive so we can preventDefault
-            el.addEventListener("touchstart", handleTouchStart, { passive: true });
+            // Add new listeners — both touchstart and touchmove non-passive so we can preventDefault
+            el.addEventListener("touchstart", handleTouchStart, { passive: false });
             el.addEventListener("touchmove", handleTouchMove, { passive: false });
             el.addEventListener("touchend", handleTouchEnd, { passive: true });
             el.addEventListener("touchcancel", handleTouchCancel, { passive: true });
         }
     }
 
+    // Lock outer containers against native touch dragging / pan
+    const outerCandidates = ["container", "tableeditor", "te_griddiv"];
+    for (const cid of outerCandidates) {
+        const cel = document.getElementById(cid);
+        if (cel && !cel.__touchLocked) {
+            cel.__touchLocked = true;
+            cel.addEventListener("touchmove", (e) => {
+                if (e.cancelable) e.preventDefault();
+            }, { passive: false });
+        }
+    }
+
     _enabled = true;
     console.log("[TouchScroll] Smooth touch scrolling enabled");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "socialcalc-ai",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Modernized, modular spreadsheet calculation engine and React/Ionic UI suite with AI formula and template capabilities.",
   "type": "module",
   "main": "index.js",