(fix) fire after:highlightElement after DOM is updated

Author: joshgoebel

VERSION_11_UPGRADE.md

@@ -70,6 +70,8 @@ hljs.registerAliases(["php3","php4","php5","php6","php7","php8"],{ languageName:
 
 ### Behavioral changes
 
+- `after:highlightElement` plugin callback is now fired *after* the DOM has been updated, not before.
+
 #### API changes
 
 - The option `ignoreIllegals` is now `true` by default (for `highlight()`). Previously it was `false`.

src/highlight.js

@@ -738,8 +738,6 @@ const HLJS = function(hljs) {
     const text = node.textContent;
     const result = language ? highlight(text, { language, ignoreIllegals: true }) : highlightAuto(text);
 
-    fire("after:highlightElement", { el: element, result, text });
-
     element.innerHTML = result.value;
     updateClassName(element, language, result.language);
     element.result = {
@@ -754,6 +752,8 @@ const HLJS = function(hljs) {
         relevance: result.secondBest.relevance
       };
     }
+
+    fire("after:highlightElement", { el: element, result, text });
   }
 
   /**