search

sonoisa / XyJax

Xy-pic extension for MathJax
http://sonoisa.github.com/xyjax/xyjax.html
Apache License 2.0
60 stars 16 forks source link

Arrows are shifted down #14

Closed wooloba closed 4 years ago

wooloba commented 4 years ago

Hello, I am using XyJax in my React project. I have imported/configured MathJax(2.7.1) and XyJax in my project, but when comes to rendering it seems all arrows and other graphs are all shifted down a lot. For example, the following: image I think there is something wrong with the CSS. Is it because I am using a newer version of MathJax or there is something wrong with my code?

Thank you.

alexjbest commented 4 years ago

I also had this issue once. Did you work out what caused it precisely?

wooloba commented 4 years ago

Yes. This issue is most likely caused by CSS confliction. In my case, I used React-Bootstrap library. And their CSS conflicts with XyJax. If you are using React-Bootstrap as well, the line causes the confliction is vertical-align: middle in svg{ }. Everything works fine if you could comment this line out no matter how.