Page MenuHomePhabricator

Long formulas cause whole page to be horizontally scrollable.
Closed, DuplicatePublic

Description

On a small mobile screen, formulas that are especially long can often cause the whole page to become scrollable horizontally. (This is observed in at least the Chrome app on Android, as well as the desktop version of Chrome)

It looks like the mwe-math-element class has a max-width of 100% and overflow-x of auto, which is presumably intended to make each formula scrollable individually, but it doesn't seem to be having the desired effect.

I have noticed, however, that if I add display:inline-block to that class, the formulas become scrollable, and the whole page no longer has overflow issues. Unfortunately, this seems to have a slight effect on the vertical alignment of inline formulas, so I'm not sure what the proper fix for this would be.

Example screenshot from Dirac delta function:

device-2017-05-10-100120.png (2×1 px, 216 KB)