fix: improve iframe height adjustment logic in EmailEditor component

apps/web/src/components/EmailEditor/EmailEditor.tsx

@@ -306,21 +306,31 @@ export function EmailEditor({value, onChange, placeholder, subject, from, replyT
         iframeDoc.write(fullHtml);
         iframeDoc.close();
 
-        // Auto-adjust iframe height to content
+        // Auto-adjust iframe height to content. Reset to a small value first so
+        // body content that uses % / vh heights doesn't lock the iframe to its
+        // previous size (which would otherwise cause the iframe to grow by the
+        // padding offset on every preview-device switch).
         const adjustHeight = () => {
-          if (iframe.contentWindow) {
+          if (!iframe.contentWindow) return;
-            const height = iframe.contentWindow.document.body.scrollHeight;
+          iframe.style.height = '0px';
+          const doc = iframe.contentWindow.document;
+          const height = Math.max(
+            doc.body?.scrollHeight ?? 0,
+            doc.documentElement?.scrollHeight ?? 0,
+          );
           iframe.style.height = `${Math.max(400, height + 40)}px`;
-          }
         };
 
-        // Adjust height after content loads
+        const timeouts = [
-        if (iframe.contentWindow) {
+          window.setTimeout(adjustHeight, 100),
-          iframe.contentWindow.addEventListener('load', adjustHeight);
+          window.setTimeout(adjustHeight, 300),
-          // Also adjust immediately for already-loaded content
+        ];
-          setTimeout(adjustHeight, 100);
+        iframe.contentWindow?.addEventListener('load', adjustHeight);
-          setTimeout(adjustHeight, 300); // Fallback for slow-loading images
+
-        }
+        return () => {
+          timeouts.forEach(window.clearTimeout);
+          iframe.contentWindow?.removeEventListener('load', adjustHeight);
+        };
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps