close autocomplete on click in parent window

yext · Jan 14, 2022 · cfa4adc · cfa4adc
1 parent 92290c8
commit cfa4adc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/layouts/html.hbs b/layouts/html.hbs
@@ -145,6 +145,10 @@
             HitchhikerJS.RuntimeConfigReceiver.handle(message.runtimeConfig);
           } else if (window.isOverlay) {
             window.Overlay.onMessage(message);
+          } else if (message.eventType && message.eventType === 'click') {
+            ANSWERS.components._activeComponents
+              .filter(component => component.name === 'SearchBar.autocomplete')
+              .forEach(autocompleteComponent => autocompleteComponent.close());
           }
         }
       };

diff --git a/static/js/iframe-common.js b/static/js/iframe-common.js
@@ -87,6 +87,13 @@ export function generateIFrame(domain, answersExperienceFrame) {
 
   containerEl.appendChild(iframe);
 
+  // Notify iframe of a click event on parent window
+  document.addEventListener('click', e => {
+    if (e.isTrusted) {
+      sendToIframe({ eventType: e.type });
+    }
+  });
+
   // For dynamic iFrame resizing
   iFrameResize({
     checkOrigin: false,