latex equation getting clipped on polaris theme.

Question

this is the link https://gateoverflow.in/868/gate-cse-2002-question-15?show=239070#c239070

Answer 1

This is more of a targeted fix towards your website, instead of a general fix:
(Paste the code below to: Admin > Theme Options > Custom CSS)

.qa-post-content {
    overflow-x: auto !important;
}

---

If you are the plugin owner, then you could wrap all the equation elements inside of a parent element, like:

<div class="mjx-parent">
    <mjx-container></mjx-container>
    <mjx-container></mjx-container>
    . . .
</div >

 Then it would be easier to implement a general fix like this instead:

.mjx-parent {
    overflow-x: auto;
}

Comments

Thanks a lot @gold-developer. We have added the CSS and the scroll is working fine. Just that there's a slight layout shift.

https://gateoverflow.in/868/gate-cse-2002-question-15?show=239070#c239070

---

Yeah, that's why I say it's best to create a wrapper for all the equation elements, because this is more of a broader targeting.
With this broad targeting even the full questions/answers will get a scrollbar if they have a long equation in its content.

With a wrapper/parent element, we could do a more precise targeting, so the equation blocks would behave like code blocks
https://rxchun.github.io/shop/polaris/screenshots/screenshot-5.jpg

---

oh. Unfortunately mathjax is not a plugin and we cant directly control it :(