MathJax 4 - Рroblems with displaying matrices

[Alexey]

Greetings to all!

Thanks to Developers Team for new version of MathJax. I tried to use MathJax 4 on local server before applying new version to the site, and I saw a problem with displaying matrices.

I checked this problem in demo on official MathJax site and maked screenshot:

I have never seen this problem before: on MathJax 2 or 3.

Is this a bug or I maked mistake in the code for matrix?

[Davide Cervone]

Your example displays properly for me:

What browser and OS are you using?  Do you have any browser extensions running that might be interfering with the output?

The difference between the two is the the delimiters in the first matrix are single (large) characters while those in the second are made up of multiple characters stacked together.  The top and bottom pieces are properly placed, but the extenders in the middle seem to have been spread out and underlined in red.  I'm pretty sure that is not something that MathJax is doing, but is due to some CSS inserted by some plugin or extension that you have running.  

Are you using anything like that that underlines things in red?

Davide

On Aug 31, 2025, at 6:16 AM, Alexey <alexe...@gmail.com> wrote:

Greetings to all!

Thanks to Developers Team for new version of MathJax. I tried to use MathJax 4 on local server before applying new version to the site, and I saw a problem with displaying matrices.

I checked this problem in demo on official MathJax site and maked screenshot:

<screenshot.png>
I have never seen this problem before: on MathJax 2 or 3.

Is this a bug or I maked mistake in the code for matrix?

--
You received this message because you are subscribed to the Google Groups "MathJax Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-user...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/mathjax-users/c71a394f-ff17-4f9e-b012-2b74ad39f512n%40googlegroups.com.
<screenshot.png>

[Alexey]

I made these experiments in Firefox 115.27.0esr 64-bit with disabled extensions and in Opera 95.0.4635.90 (based on Chromium 109.0.5414.149) without extensions.  My OS in Windows 7 Professional Service Pack 1.

Red underline I made by myself to determine precise place of the problem.

воскресенье, 31 августа 2025 г. в 13:36:28 UTC+3, Davide Cervone:

[Davide Cervone]

I made these experiments in Firefox 115.27.0esr 64-bit with disabled extensions and in Opera 95.0.4635.90 (based on Chromium 109.0.5414.149) without extensions.  My OS in Windows 7 Professional Service Pack 1. 

Well, the browsers you are using are several years out of date, and the OS is 15(!) years old, with end-of-life date in 2020, so you can expect that there may be problems with that situation.

In particular, it looks like those browsers don't implement some important CSS features that MathJax v4 is using.  This includes white-space: wrap and the xywh() specification for clip-path style.  If you manage the website you are using, you can use

mjx-stretchy-v > mjx-ext {

  clip-path: padding-box polygon(-1em 0, calc(100% + 1em) 0, calc(100% + 1em) 100%, -1em 100%) ! important;

  white-space: pre ! important;

}

to resolve the particular issue you are seeing.  There may be other CSS that is problematic, however.

Red underline I made by myself to determine precise place of the problem.

Ah, I see.  That makes sense.

Davide

[Davide Cervone]

Oh, I should have mentioned that there are two other things you can try:  first, updating your browsers to current versions should resolve the problem.  Second, switching to the SVG output may also give you better results as they don't rely on these newer CSS features.

Davide