Matrix rendering broken

Whilst migrating my blog to hugo I came across an issue with Katex where matrices are not being rendered properly in the HTML produced by hugo.

Take for example the following matrix defintion:

$$ X = \left[\begin{array} {rrr} 3.381563 & 3.389113 
4.527875 & 5.854178 
2.655682 & 4.411995 
\vdots & \vdots \end{array}\right] $$

When I paste it to the Katex playground it renders just fine, which makes me think there is something else funky at play.

See the following js error in the Chrome console and the result of the rendering:

I suspect some this might be some strange CSS issue as the rendered HTML looks like this:

Which does not seem right at all. Could someone give me some pointers as to how to fix this if possible?

Thanks

[milosgajdos]

Major breakthrough \o/

Escaping the \\ solves the problem:

$$ \left[\begin{array} {rrr} 3.381563 & 3.389113 \\\\ 4.527875 & 5.854178 \\\\ 2.655682 & 4.411995 \\\\ \vdots & \vdots \end{array}\right] $$

I suspect now we’ve gone full circle to what @edemaine was suggesting to have a look at: https://gohugo.io/content-management/formats/#issues-with-markdown

I suspect if I modify the code which uses katex and add the displayMath math “hack” mentioned in hugo documentation I should be fine.

[milosgajdos]

Thanks @edemaine, I will keep digging. Seems like some random parser shenanigans. I will close this issue now and should I figure out solution I’ll pop in and let you know.