overtype 2.3.2 → 2.3.4

package/README.md

@@ -69,7 +69,7 @@ npm install overtype
 
 ### CDN
 ```html
-<script src="https://unpkg.com/overtype/dist/overtype.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/overtype@latest/dist/overtype.min.js"></script>
 ```
 
 ## Quick Start

package/dist/overtype-webcomponent.esm.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
@@ -1678,6 +1678,11 @@ function generateStyles(options = {}) {
       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;
@@ -5584,9 +5589,15 @@ var _OverType = class _OverType {
     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");
@@ -5640,6 +5651,7 @@ var _OverType = class _OverType {
   showNormalEditMode() {
     this.container.dataset.mode = "normal";
     this.updatePreview();
+    this._updateAutoHeight();
     requestAnimationFrame(() => {
       this.textarea.scrollTop = this.preview.scrollTop;
       this.textarea.scrollLeft = this.preview.scrollLeft;
@@ -5652,6 +5664,7 @@ var _OverType = class _OverType {
    */
   showPlainTextarea() {
     this.container.dataset.mode = "plain";
+    this._updateAutoHeight();
     if (this.toolbar) {
       const toggleBtn = this.container.querySelector('[data-action="toggle-plain"]');
       if (toggleBtn) {
@@ -5668,6 +5681,7 @@ var _OverType = class _OverType {
   showPreviewMode() {
     this.container.dataset.mode = "preview";
     this.updatePreview();
+    this._updateAutoHeight();
     return this;
   }
   /**