overtype 2.3.4 → 2.3.5

package/dist/overtype-webcomponent.js

@@ -1,5 +1,5 @@
 /**
- * OverType v2.3.4
+ * OverType v2.3.5
  * A lightweight markdown editor library with perfect WYSIWYG alignment
  * @license MIT
  * @author David Miranda
@@ -1264,6 +1264,16 @@ var OverTypeEditor = (() => {
       -ms-user-select: none !important;
     }
 
+    /* Prevent external resets (Tailwind, Bootstrap, etc.) from breaking alignment.
+       Any element whose font metrics differ from the textarea causes the CSS "strut"
+       to inflate line boxes, drifting the overlay. Force inheritance so every element
+       inside the preview matches the textarea exactly. */
+    .overtype-wrapper .overtype-preview * {
+      font-family: inherit !important;
+      font-size: inherit !important;
+      line-height: inherit !important;
+    }
+
     /* Defensive styles for preview child divs */
     .overtype-wrapper .overtype-preview div {
       /* Reset any inherited styles */
@@ -4774,6 +4784,7 @@ ${blockSuffix}` : suffix;
         // Callbacks
         onChange: null,
         onKeydown: null,
+        onRender: null,
         // Features
         showActiveLineRaw: false,
         showStats: false,
@@ -5172,6 +5183,9 @@ ${blockSuffix}` : suffix;
       if (this.options.onChange && this.initialized) {
         this.options.onChange(text, this);
       }
+      if (this.options.onRender) {
+        this.options.onRender(this.preview, isPreviewMode ? "preview" : "normal", this);
+      }
     }
     /**
      * Apply background styling to code blocks
@@ -6038,6 +6052,7 @@ ${blockSuffix}` : suffix;
       this._isConnected = false;
       this._handleChange = this._handleChange.bind(this);
       this._handleKeydown = this._handleKeydown.bind(this);
+      this._handleRender = this._handleRender.bind(this);
     }
     /**
      * Decode common escape sequences from attribute string values
@@ -6208,7 +6223,8 @@ ${blockSuffix}` : suffix;
         smartLists: !this.hasAttribute("smart-lists") || this.getAttribute("smart-lists") !== "false",
         spellcheck: this.hasAttribute("spellcheck") && this.getAttribute("spellcheck") !== "false",
         onChange: this._handleChange,
-        onKeydown: this._handleKeydown
+        onKeydown: this._handleKeydown,
+        onRender: this._handleRender
       };
       const fontSize = this.getAttribute("font-size");
       if (fontSize)
@@ -6427,6 +6443,19 @@ ${blockSuffix}` : suffix;
         editor: this._editor
       });
     }
+    /**
+     * Handle render events from OverType
+     * @private
+     * @param {HTMLElement} preview - The preview DOM element
+     * @param {string} mode - Current mode ('normal' or 'preview')
+     */
+    _handleRender(preview, mode) {
+      this._dispatchEvent("render", {
+        preview,
+        mode,
+        editor: this._editor
+      });
+    }
     /**
      * Update value attribute without triggering observer
      * @private