If someone writes a long formula you can see that on devices with smaller viewports (sometimes also on pc) the css is broken.
The fact is that there is no horizontal overflow of the formula. What is need to be done is find the html element that contains the svg formula and add a simple css rule like 'overflow-x: auto'.
The problem with this is that the element that need need to be styled is a simple <div>, without id or class, so there is no way to style it avoiding javascript.
We have a structure like
<div> <div class="mwe-math-mathml-display mwe-math-mathml-a11y" style="display: none;"> <math display="block" xmlns="http://www.w3.org/1998/Math/MathML"> </math> </div> ... </div>
It would be great to know if we can add a class to these elements using or writing an extension. I don't know if this is manageable