Certain Mathjax displays properly in card viewer and preview but not editor and browser

[jiqz]

When the following is on a card

<anki-mathjax block="true">\begin{array}{|c|c|c|}
  \hline
  1 &amp; 2 &amp; 3 \\
  \hline
  1 &amp; 2 &amp; 3 \\
  \hline 
\end{array}</anki-mathjax>

it results in a rectangle the opposite colour of the Anki window theme and the size of the what the MathJax should be displaying.

This happens in the editor or card browser, however the correct output is displayed when reviewing the card and on the preview pop-up from the editor pane.

When removing their the top or bottom \hline the bug stops happening until it is added back, however, the vertical lines around the middle column are not displayed in the editor and browser.

Tested on Anki 2.1.55 beta 6 (ca116699) and Anki 2.1.54 (b6a7760c)⁩

[dae]

Sounds similar to Mathjax \displaystyle is inconsistent between live preview and actual cards · Issue #1948 · ankitects/anki · GitHub

[sam-med]

Hi everyone,
since I started using Anki, I’ve encountered some rendering problems, specifically when creating tables with MathJax in my flashcards.
There’s a weird behavior when editing them and I can’t figure out why it happens.
I have the same problem both on my PC and my laptop (W11, same Anki latest version).

The best way to explain this bug is with an example table like this one:

\begin{array}{|ccc|c|}
\hline
A & B & C & Z \\
\hline
0 & 0 & 0 & 0 \\
0 & 0 & 1 & 1 \\
0 & 1 & 0 & 0 \\
0 & 1 & 1 & 1 \\
1 & 0 & 0 & 0 \\
1 & 0 & 1 & 0 \\
1 & 1 & 0 & 1 \\
1 & 1 & 1 & 0 \\
\hline
\end{array}

Now, if I view this card in the Anki editor, it shows just a big rectangle (filled in white/black depending on the theme), but when I preview or revise the flashcard, the table renders correctly.
The only way I found to visualize the content of the MathJax table (in the editor) is to remove at least one of the external borders, so either “|” in the array or “\hline” in the table content.
So for example, this would render in the editor correctly (but without external borders):

\begin{array}{ccc|c}

A & B & C & Z \\
\hline
0 & 0 & 0 & 0 \\
0 & 0 & 1 & 1 \\
0 & 1 & 0 & 0 \\
0 & 1 & 1 & 1 \\
1 & 0 & 0 & 0 \\
1 & 0 & 1 & 0 \\
1 & 1 & 0 & 1 \\
1 & 1 & 1 & 0 \\

\end{array}

This behavior occurs on any MathJax table with an external border.

I’m using this Anki setup:

• Version: 24.11 (d678e393)
• Python: 3.9.18
• Qt: 6.6.2
• PyQt: 6.6.1
• OS: Windows 11 Pro

[Anon_0000]

Same happens with the official 25.02 release and with the latest build of main.

The add cards dialog displays an svg+xml image, whereas the study screen doesn’t (it shows a <mjx-table> instead).