overtype 2.3.2 → 2.3.4

package/dist/overtype-webcomponent.js

@@ -1,5 +1,5 @@
 /**
- * OverType v2.3.2
+ * OverType v2.3.4
  * A lightweight markdown editor library with perfect WYSIWYG alignment
  * @license MIT
  * @author David Miranda
@@ -1701,6 +1701,11 @@ var OverTypeEditor = (() => {
       cursor: text !important;
     }
 
+    .overtype-container.overtype-auto-resize[data-mode="preview"] .overtype-preview {
+      position: static !important;
+      height: auto !important;
+    }
+
     /* Hide syntax markers in preview mode */
     .overtype-container[data-mode="preview"] .syntax-marker {
       display: none !important;
@@ -5607,9 +5612,15 @@ ${blockSuffix}` : suffix;
       const textarea = this.textarea;
       const preview = this.preview;
       const wrapper = this.wrapper;
-      const computed = window.getComputedStyle(textarea);
-      const paddingTop = parseFloat(computed.paddingTop);
-      const paddingBottom = parseFloat(computed.paddingBottom);
+      const isPreviewMode = this.container.dataset.mode === "preview";
+      if (isPreviewMode) {
+        wrapper.style.removeProperty("height");
+        preview.style.removeProperty("height");
+        preview.style.removeProperty("overflow-y");
+        textarea.style.removeProperty("height");
+        textarea.style.removeProperty("overflow-y");
+        return;
+      }
       const scrollTop = textarea.scrollTop;
       wrapper.style.setProperty("height", "auto", "important");
       textarea.style.setProperty("height", "auto", "important");
@@ -5663,6 +5674,7 @@ ${blockSuffix}` : suffix;
     showNormalEditMode() {
       this.container.dataset.mode = "normal";
       this.updatePreview();
+      this._updateAutoHeight();
       requestAnimationFrame(() => {
         this.textarea.scrollTop = this.preview.scrollTop;
         this.textarea.scrollLeft = this.preview.scrollLeft;
@@ -5675,6 +5687,7 @@ ${blockSuffix}` : suffix;
      */
     showPlainTextarea() {
       this.container.dataset.mode = "plain";
+      this._updateAutoHeight();
       if (this.toolbar) {
         const toggleBtn = this.container.querySelector('[data-action="toggle-plain"]');
         if (toggleBtn) {
@@ -5691,6 +5704,7 @@ ${blockSuffix}` : suffix;
     showPreviewMode() {
       this.container.dataset.mode = "preview";
       this.updatePreview();
+      this._updateAutoHeight();
       return this;
     }
     /**