Work around issue with Safari 26 not processing math inside otherwise empty containers with overflow: auto. (mathjax/MathJax#3579)

[dpvc]

This PR adds some CSS that works around an issue with Safari 26 where math that is inside a container that is otherwise empty and has overflow: auto will not by typeset by the lazy typeset component. It turns out that the mjx-lazy elements are being picked up by the intersection observer, but are marked as isInsersecting: false. This seems to be due to the fact that the mjx-lazy node has zero height/width inside a container of zero height that has its own block formatting context (and is clipped to its height), so the intersection contains no pixels?

In any case, changing the mjx-lazy element to display: inline-block resolves the problem without otherwise affecting the display.

Resolves issue mathjax/MathJax#3579.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 86.47%. Comparing base (a65456c) to head (6ee75da).

Additional details and impacted files

@@            Coverage Diff             @@
##           develop    #1511     +/-   ##
==========================================
  Coverage    86.47%   86.47%             
==========================================
  Files          340      340             
  Lines        86125    86125             
  Branches      3206     4848   +1642     
==========================================
  Hits         74476    74476             
  Misses       11649    11649             

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[zorkow]

lgtm.