From 2dec099f20aedd4c0751259508f5fd4b1f287445 Mon Sep 17 00:00:00 2001
From: Pete Matsyburka <pete@docuseal.com>
Date: Thu, 30 Apr 2026 14:51:24 +0300
Subject: [PATCH] fix signature canvas minimize

---
 app/javascript/draw.js                            | 1 +
 app/javascript/elements/signature_form.js         | 1 +
 app/javascript/submission_form/signature_step.vue | 1 +
 3 files changed, 3 insertions(+)

diff --git a/app/javascript/draw.js b/app/javascript/draw.js
index 764c527c..30d493a3 100644
--- a/app/javascript/draw.js
+++ b/app/javascript/draw.js
@@ -11,6 +11,7 @@ window.customElements.define('draw-signature', class extends HTMLElement {
     this.resizeObserver = new ResizeObserver(() => {
       requestAnimationFrame(() => {
         if (!this.canvas) return
+        if (!this.canvas.parentNode?.clientWidth) return
 
         const { width, height } = this.canvas
 
diff --git a/app/javascript/elements/signature_form.js b/app/javascript/elements/signature_form.js
index 47d6f111..aa60b6fb 100644
--- a/app/javascript/elements/signature_form.js
+++ b/app/javascript/elements/signature_form.js
@@ -14,6 +14,7 @@ export default targetable(class extends HTMLElement {
     this.resizeObserver = new ResizeObserver(() => {
       requestAnimationFrame(() => {
         if (!this.canvas) return
+        if (!this.canvas.parentNode?.clientWidth) return
 
         const { width, height } = this.canvas
 
diff --git a/app/javascript/submission_form/signature_step.vue b/app/javascript/submission_form/signature_step.vue
index 2f3ee83f..e568f59c 100644
--- a/app/javascript/submission_form/signature_step.vue
+++ b/app/javascript/submission_form/signature_step.vue
@@ -544,6 +544,7 @@ export default {
       this.resizeObserver = new ResizeObserver(() => {
         requestAnimationFrame(() => {
           if (!this.$refs.canvas) return
+          if (!this.$refs.canvas.parentNode?.clientWidth) return
 
           const { width, height } = this.$refs.canvas