& displayed in Algolia search results titles

[julien-deramond]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

& is displayed instead of & in Algolia search results titles in violet (.DocSearch-Hit-source).
We can see in the following screenshot: "Color & background" and "Color & Webpack".

Interesting thing is that it is not the case for .DocSearch-Hit-title in the results:

Reduced test cases

Go to https://getbootstrap.com/docs/5.2/getting-started/introduction/:

1. Click on the search button
2. Type "color back"

What operating system(s) are you seeing the problem on?

Windows, macOS, Android, iOS, Linux

What browser(s) are you seeing the problem on?

Chrome, Safari, Firefox, Microsoft Edge, Opera

What version of Bootstrap are you using?

v5.2.2

[mdo]

Changing the title of the page is the easiest fix here, PR coming.

[CyrilKrylatov]

Hello people,

I see you merged a fix for that but I think I found a new issue related. Indeed when i'm looking for mo, I have this result:

I also tested it on https://deploy-preview-37400--twbs-bootstrap.netlify.app/docs/5.2/getting-started/webpack/ from #37400 and it's broken there too.

I can open a new issue with that if you think it's more relevant than a new comment.

Cheers! ✌️

[julien-deramond]

Yep @CyrilKrylatov. It's already tracked in #37312.