@salesforcedevs/dx-components 0.19.3-alpha.14 → 0.19.3-alpha.18

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.19.3-alpha.14",
+    "version": "0.19.3-alpha.18",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/sidebarSearch/sidebarSearch.ts

@@ -144,7 +144,9 @@ export default class SidebarSearch extends LightningElement {
         // If this is the first render and there is a search value, trigger
         // term highlighting
         if (!this.didRender && this.value) {
+            console.log('dispatching highlight term in the render')
             this.dispatchHighlightedTermChange();
+            document.addEventListener('search-syncer-initialized', () => console.log('SEARCH SYNCER INITD'))
         }
 
         this.didRender = true;

package/src/modules/utils/highlight/highlight.ts

@@ -34,6 +34,7 @@ export const highlightTerms = (
                 innerHtml = innerHtml.replace(searchExp, "<mark>$&</mark>");
             }
 
+            element.setAttribute('lwc:dom', 'manual')
             element.innerHTML = innerHtml;
         } catch (e) {
             console.error(e, element);
@@ -43,8 +44,8 @@ export const highlightTerms = (
         const mark = element.querySelector("mark");
         if (mark && !scrolled) {
             scrolled = true;
-            console.log("scrolling", element);
-            element.scrollIntoView({ block: "nearest" });
+            console.log("scrolling", mark);
+            mark.scrollIntoView({ block: "nearest" });
         }
     });
 };