Plotly.js somehow breaks LaTeX rendering

[mariekeosw]

As discussed in j-fu/PlutoVista.jl#20, we found that LaTeX content is not rendered correctly in Pluto when using its Plotly.js backend with LaTeX labels. The interplay of Pluto, MathJax and Plotly.js is somehow broken.

When running the notebook from https://gist.github.com/j-fu/11c0e0673f2bcbf7142d92d6a3c9b36b, we observe the following behavior:

LaTeX input in both the Markdown cell and the HTML cell appears to freeze the rendering of the first numeric value. For example, if the notebook initially contains the number 3, this number is rendered correctly. However, if we then change the 3 to any other number, the updated value is not rendered — only the original number 3 continues to appear.

If we restart the notebook after changing the value (e.g. replacing 3 by 2 only in the Markdown cell), then only 2 can be rendered — both in the Markdown cell and in the HTML cell. Any further changes again do not update the rendered output.

This issue does not occur in pure HTML. When running the standalone HTML example
https://gist.github.com/j-fu/607e898ef6e9106983882a23c53d1ebb, updated numeric values are shown correctly.

@j-fu Thanks for setting up the examples!
@pjaap fyi

[disberd]

I confirm this also happens with Plotly.js version prior to v3 (tested with PlutoPlotly.jl)