cytoscape-canvas-underlay 1.2.2 → 1.2.4

package/README.md

@@ -438,6 +438,12 @@ These still work but the `on()`/`off()` event emitter is preferred.
 | `visible` | `boolean` | `true` | Visibility |
 | `rotation` | `number` | `0` | Rotation in degrees (0, 90, 180, 270) |
 
+## Changelog
+
+### 1.2.3
+
+- **Fix**: `_springBackIfNeeded` now respects `panClamp: false`. Previously, setting `panClamp: false` at runtime disabled hard clamping but the soft spring-back animation on mouse release still fired, snapping the viewport back to drawing bounds. This made it impossible to programmatically disable pan clamping (e.g., during `panToElement` animations).
+
 ## How it works
 
 1. A `<canvas>` element is inserted behind Cytoscape's graph canvas

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cytoscape-canvas-underlay",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Cytoscape.js plugin for rendering image/PDF canvas underlay behind graph nodes with synchronized zoom and pan",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/DrawingOverlay.js

@@ -295,6 +295,15 @@ export class DrawingOverlay {
       this._enforceLimits();
       this._draw();
       if (this._minimap) this._minimap.render();
+
+      // Schedule high-quality PDF re-render at current zoom level
+      const hasPdf = this._main.isPdf || [...this._drawings.values()].some(d => d.isPdf && d.visible);
+      if (hasPdf) {
+        if (this._qualityTimer) clearTimeout(this._qualityTimer);
+        this._qualityTimer = setTimeout(() => {
+          this._reRenderAllPdfs().then(() => this._draw());
+        }, this.opts.qualityDelay);
+      }
     };
     this._onResize = () => {
       this._setupCanvas();
@@ -470,7 +479,7 @@ export class DrawingOverlay {
 
   /** Animate spring-back to boundary on mouse release (fixed-duration ease-out). */
   _springBackIfNeeded() {
-    if (this._isUserDragging || this.opts.panClampMode !== 'soft') return;
+    if (this._isUserDragging || !this.opts.panClamp || this.opts.panClampMode !== 'soft') return;
     this._cancelSpringBack();
 
     const b = this._getPanBounds();