how to do SVG resize ?

[ajay311517104001]

i've used the mathComponent and the input that i fed in tex is pretty long when it throws the svg, the svg is going out of the div. Dynamic resizing is not happening. please help me with this. Thanks in advance :)

[manal-t07]

i've used the mathComponent and the input that i fed in tex is pretty long when it throws the svg, the svg is going out of the div. Dynamic resizing is not happening. please help me with this. Thanks in advance :)

Did you find any solution to this? I am facing the same issue:

I need to wrap the content to the next line.
The scroll is added if I do this:
<p style={{display:"inline-block", whiteSpace:"nowrap", maxWidth:"100%", overflowX:"auto", textAlign:"initial"}}> <MathComponent tex={example1} display={true} /></p>

[manal-t07]

I used the mathjax script instead:
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [["$","$"],["\\(","\\)"]], displayMath:[["$$", "$$"], ["\\[","\\]"]] }, showMathMenu: false, messageStyle: "none" }); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" ></script>

and render content in the <p> tag.