@trustquery/browser 0.3.4 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trustquery/browser",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Turn any textarea into an interactive trigger-based editor with inline styling",
   "type": "module",
   "main": "dist/trustquery.js",

package/src/DropdownManager.js

@@ -650,6 +650,16 @@ export default class DropdownManager {
       console.log('[DropdownManager] Dropdown option selected:', option, 'for:', matchData.text);
     }
 
+    // IMPORTANT: Trigger callback FIRST, before input event dispatch
+    // The input event triggers a synchronous re-render that removes the dropdown,
+    // so the callback must run while everything is still intact
+    if (this.options.onWordClick) {
+      this.options.onWordClick({
+        ...matchData,
+        selectedOption: option
+      });
+    }
+
     // Check if option has on-select.display
     if (option['on-select'] && option['on-select'].display && this.options.textarea) {
       const displayText = option['on-select'].display;
@@ -679,14 +689,6 @@ export default class DropdownManager {
         }
       }
     }
-
-    // Trigger callback
-    if (this.options.onWordClick) {
-      this.options.onWordClick({
-        ...matchData,
-        selectedOption: option
-      });
-    }
   }
 
   /**