How to Fix Broken Search experiences with Typed Animation

Any customers with a live Search experience that leverages typed animation (as detailed in this Hitchhiker Guide) may be seeing an outage of their search experience. Any Search experiences built by Yext have been updated with the fix instructions below and are no longer experiencing any issues.

If you built the Search experience yourself, view instructions below on how to fix this.

Outage Cause

This was caused by an update Axios made on October 7th, 2022 to their Javascript library, which Yext uses to handle API requests to facilitate this search bar animation. This update by Axios then automatically updated any Search experiences referencing Axios JavaScript, notably those using it to power Typeahead animation functionality.

Fix Instructions

If you are seeing this issue in your live experience:

Go into layouts/headincludes.hbs and replace:

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

with

<script src="https://unpkg.com/axios@1.0.0/dist/axios.min.js"></script>

And then publish your updated code to Staging for validation, followed by a publish to Production when the Search experience has been validated as successful.

Well said, Thanks for make it easy for us to fix broken search experience with typed animation.

Regard,