@synopackageland/ui 0.25.2 → 0.25.3

package/CHANGELOG.md

@@ -1,6 +1,10 @@
 # Changelog
 
-## Unreleased
+## 0.25.3 (2026-11-09)
+
+### Grid
+
+- **Cell text follows a short pan.** The canvas grid (`@synopackageland/ui/grid`) redrew its cached cell text only when the visible rows or columns changed, while backgrounds, lines and column headers followed every frame. A pan that stayed within the same columns (a finger on a tablet, a short trackpad move) left the text behind its column, so headers and cells no longer lined up. Any change of the scroll offset now redraws the cell text. No API change
 
 ## 0.25.2 (2026-11-09)
 

package/dist/grid-core/renderer/layout.d.ts

@@ -118,7 +118,13 @@ export declare const drawRowDraggingRegion: (ctx: CanvasRenderingContext2D, p: I
 export declare const drawColumnFreezeHandler: (ctx: CanvasRenderingContext2D, p: IResolvedProps) => void;
 /** Line after the frozen columns; a soft shadow once the body scrolls under it. */
 export declare const drawFreezeRegionDivider: (ctx: CanvasRenderingContext2D, p: IResolvedProps) => void;
-/** Whether cached cell content must be redrawn. */
+/**
+ * Whether cached cell content must be redrawn. Any scroll offset counts, not
+ * only a change of the visible cell range: the cache holds the text at the
+ * offset it was drawn at, while backgrounds, lines and headers follow every
+ * frame, so a pan that stays within the same columns (a finger on a tablet)
+ * left the text behind its column.
+ */
 export declare const computeShouldRerender: (current: IGridRenderProps, last?: IGridRenderProps) => boolean;
 /**
  * Paints one frame. `mainCanvas` is the visible canvas; `cacheCanvas` is an

package/dist/grid.js

@@ -680,7 +680,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     return;
   }
   e.save(), e.beginPath(), e.shadowColor = r, e.shadowBlur = 5, e.shadowOffsetX = 3, e.strokeStyle = r, e.moveTo(a + 0.5, 0), e.lineTo(a + 0.5, s), e.stroke(), e.restore();
-}, ta = (e, t) => t == null ? !0 : !(e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), na = (e, t) => {
+}, ta = (e, t) => t == null ? !0 : !(e.scrollState.scrollLeft === t.scrollState.scrollLeft && e.scrollState.scrollTop === t.scrollState.scrollTop && e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), na = (e, t) => {
   const { containerWidth: n, containerHeight: o, pixelRatio: i, shouldRerender: a, draw: s } = t, r = Math.ceil(n * i), c = Math.ceil(o * i);
   (e.width !== r || e.height !== c) && (e.width = r, e.height = c);
   const l = e.getContext("2d");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/ui",
-  "version": "0.25.2",
+  "version": "0.25.3",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",