MathJax overbrace and commutative diagrams on Math Codidact are not rendered perfectly
There are some MathJax codes having imperfect appearances after/when being rendered.
I mention two of them with some examples (I do not have enough time to check others). Since I cannot upload any image on Codidact networks, as I reported the related bug on Meta earlier, I use some sharing website to show the related images. I also mention the perfect images of the rendered codes on Math Stack Exchange for comparison.

Overbrace and Underbrace;
On Math Codidact:$$\overbrace{x+y+z}$$
On Math Stack Exchange: https://pasteboard.co/JuPorO3.jpg 
Commutative Diagrams;
On Math Codidact: $$\begin{CD} A @>a>> B \\ @V b V V= @VV c V \\ C @>>d> D \end{CD}$$
On Math Stack Exchange: https://pasteboard.co/JuPrB1z.jpg
1 answer
I don't see any difference between the rendering here and your Stack Exchange screenshot in the case of your overbrace and underbrace example.
For the commutative diagram example, the horizontal arrows ($A \rightarrow B$ and $C \rightarrow D$) don't appear perfectly straight, while in your screenshot from Stack Exchange, they do. If I rightclick on the rendered math and select Math Settings > Math Renderer > SVG (the current default option being CHTML, which is HTML + CSS), the arrows look fine.
Is that what you are referring to? If so, does switching to the SVG renderer resolve the issue for you as well, or does the issue remain?
If it does, which exact browser (browser, version, operating system and OS version) do you see this on?
It looks like the MathJax installation on Codidact is currently configured to use the CHTML renderer by default, but this is a setting that can be changed serverside. The section on SVG Output Processor Options in the manual looks like a good place to start.
1 comment thread