Vertical scrollbars on MathJax formulas in material version 6.1.7

• I’ve read the contribution guidelines and agree with them

I’ve found a bug and checked that …

• … the problem doesn’t occur with the default MkDocs template
• … the problem is not in any of my customizations (CSS, JS, template)
• … the documentation does not mention anything about my problem
• … there are no open or closed issues that are related to my problem

Description

The following formula shows a vertical scrollbar using MathJax. I know there exist other related issues to this (for example: #2048 and #484) which solve this but the problem seems to be still there:

$$
v_i = \frac{\Delta s_i}{\Delta t_i}
$$

You can find the documentation where this happens hostet here using github-pages: https://fjp.at/diffbot/theory/motion-and-odometry/#distance-velocity-and-time

I tested locally with the default mkdocs theme and there it works, no scrollbars appear.

I am using a custom_dir for the required javascript and added arithmatex in my mkdocs.yml

Expected behavior

No vertical scrollbars on mathjax formulas

Package versions

• Python: python --version: 3.8.5
• MkDocs: mkdocs --version: 1.1.2 from /home/fjp/.local/lib/python3.8/site-packages/mkdocs (Python 3.8)
• Material: pip show mkdocs-material | grep -E ^Version: 6.1.7

Project configuration

theme:
  name: material
  highlightjs: true
  custom_dir: docs/custom_theme

markdown_extensions:
  - admonition
  - pymdownx.arithmatex:
      generic: true

System information

• OS: Ubuntu 20.04

• Browser: Tested with Chromium, Chrome, Firefox

[squidfunk]

Yes, it will be part of 6.2.3. I issued three releases today, including the all-new navigation stuff from Insiders, so I suggest we wait for a little and let things cool down, and include some bugfixes for issues that might be the result of the latest changes.

Give it a few days.

[squidfunk]

Ha! I managed to reproduce it, I should have used your example from the start 🤦‍♂️ So it seems it doesn’t happen with the examples used in the official docs, but the formula needs to have a certain height, so the overflow is triggered.

However, I was finally able to test my fix, and it seems to get rid of the issue!