Problem with brackets rendering

Created by: Sea82

Issue Summary

Hello there. I'm experiencing problems with brackets rendering (Mathjax V3). Brackets appear split into pieces (using \begin{cases} \end{cases}, \left, \right and \overbrace, \underbrace commands). Results change depending on the zoom factor of the browser. The bug appears under Wordpress 5.9.2 and I am using Google Chrome Version 99.0.4844.51. I'm using the Wordpress plug-in Simple Mathjax. I temporary fixed the issue by downgrading to version 2 of MathJax (the plug-in allows for selecting the major version desired). Things worked fine with previous versions of Wordpress (sadly, don't know for sure what was the last version that didn't present this issue, still a version lower than 5.9.0). The same problem occurs using other Wordpress themes.

Steps to Reproduce:

The following Latex code:

\begin{cases}x+\dfrac{5}{4}y+\dfrac{1}{2}z=-\dfrac{1}{4} \\ \\ \dfrac{1}{3}x-\dfrac{1}{2}y+\dfrac{2}{3}z=\dfrac{1}{6} \\ \\ x-\dfrac{1}{4}y+z=0 \end{cases}

would result in brackets split into pieces, with missing parts.

Technical details:

MathJax Version: 3 (//cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js)
Client OS: Windows 10
Browser: Chrome 99.0.4844.51

Supporting information:

Here's a test page: https://www.altermath.org/test-page-for-mathjax/

I originally experienced the bug on https://www.altramatica.altervista.org (now I'm forced to use Mathjax V2 there). Configuration file used by the Wordpress plug-in Simple Mathjax:

MathJax = { tex: { inlineMath: [['$','$'],['\$','\$']], processEscapes: true }, options: { ignoreHtmlClass: 'tex2jax_ignore|editor-rich-text' } };

Thank you for the attention, and thanks for Mathjax!