← hugo-clarity

Restrict search-term highlighting to post_body element

ee188c3417982c04e1f75a8e4919f0192a0f020a · Ivan Boothe · Jun 15, 2022 17:33

Signed-off-by: Ivan Boothe <git@rootwork.org>

+3 −2 · 1 file changed

  • assets/js/search.js +3 −2
diff --git a/assets/js/search.js b/assets/js/search.js
index d3f7e2f..deeaedb 100644
--- a/assets/js/search.js
+++ b/assets/js/search.js
@@ -195,7 +195,7 @@ function initializeSearch(index) {
   searchPageElement ? false : liveSearch();
   passiveSearch();
 
-  highlightSearch(findQuery(), main, 'mark', 'search-term');
+  highlightSearch(findQuery(), '.post_body', 'mark', 'search-term');
 
   onEscape(clearSearchResults);
 
@@ -208,7 +208,8 @@ function initializeSearch(index) {
   });
 }
 
-function highlightSearch(search, container, wrapper = 'mark', cssClass = '') {
+function highlightSearch(search, context, wrapper = 'mark', cssClass = '') {
+  let container = document.querySelector(context);
   let reg = new RegExp("(" + search + ")", "gi");
 
   function highlightSearchInNode(parentNode, search) {