Some sequences in search preview not rendered correctly #1090
Description
Improvement Suggestion
These are 2 visual problems that I suspect are related so I put them on 1 issue, but it's possible they're distinct and I can make a separate issue if you prefer.
On the search page if you search for something like "when changes" the first snippet that comes up (from "Actions Reference") in the preview has some \( and <strong> and </strong> and \). Because the <strong> between the two $ is appearing literally, it also means the search results are not orange like they're supposed to be.
I believe these are caused because the process that converts the matched snippets into the form the preview is using intreprets two $ as an inline math statement because it's expecting LaTeX (or something like that). One of the screen shots shows that in the inspector there's a span with class "math inline" which is why I suspect that's the cause.
If instead you search for something that just has one dollar sign in the preview, then the $ appears just fine. (not monospaced, but I think that's intentional)
I think this is related but not quite the same:
When I search for the phrase "foo" the search results are extremely visually broken. I think it's because the "preview" is supposed to contain this sentence, which includes an html example, but doesn't get escaped for rendering.
What the preview is probably supposed to say:
In the example above, the element <div id="foo">Hello world!</div> will be morphed into the target element with ID foo.
I'm on ubuntu24, checked on both Chrome and Firefox.
Let me know if you need more details to reproduce.