Poorly formatted math in revealjs on Chrome

[garthtarr]

Something I've noticed recently is that the MathJax equations in revealjs presentations are rendering in an ugly way on Chrome (at least on a Mac).

Specific example: https://quarto.org/docs/presentations/revealjs/demo/index.html#/latex-equations

Chrome with default settings:

Firefox with default settings:

I can right click and change the renderer to Common HTML and it looks OK, but the default looks terrible.

Does anyone have suggestions about how I can change the default behaviour. Interestingly it doesn't seem to be a problem when I render to HTML format - I get a different set of options when right clicking, so it might be something to do with revealjs?

Options when using the revealjs format:

Options when rendering to HTML format:

[mcanouil]

This seems to be a MathJax issue and does not seem to be related in any ways to Quarto.
It would probably be better to report this to MathJax rather than here where it cannot be solved.

[garthtarr]

Thanks for the reply, in the meantime while this is being fixed upstream, is there any way to specify a default MathJax renderer in the quarto YAML?

[garthtarr]

I was playing with this, and found that specifying MathJax directly "fixes" the problem by using MathJax v3.2.2

---
title: "Untitled"
format: 
  revealjs:
    html-math-method: mathjax
---

## Quarto

$y = mx+b$

Looks like this (totally fine):

But when we don't explicitly specify mathjax, it loads MathJax v2.7.0 and looks like this:

---
title: "Untitled"
format: revealjs
---

## Quarto

$y = mx+b$

It looks like this:

[mcanouil]

Probably, by including some scripts configuration in your document header (include-in-header).
You'll have to look for what exactly in MathJax documentation
website.

[rressler]

Thanks! specifying MathJax directly "fixed" the problem for me of all my \hat{} being off to the right in Chrome but fine in Firefox.

[jtr13]

Exactly the issue I was having with \hat ... thanks!

[jtr13]

More on this here: #4916

[ajfriend]

I just ran into this issue, and the html-math-method: mathjax worked for me. Thanks!