Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • M MathJax
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 304
    • Issues 304
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 15
    • Merge requests 15
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • MathJax
  • MathJax
  • Issues
  • #2937
Closed
Open
Issue created Sep 27, 2022 by Administrator@rootContributor

Invisible display starting in 3.2.1

Created by: NSoiffer

Issue Summary

This is about something that works in 3.2.0 (and 3.1) but broke in 3.2.1. The problem shows up in both the latest versions of Firefox and Chrome on Windows.

The problem is that MathJax displays properly the first time I render something but if I update the page (even with the same thing), the leaves/tokens in the MathML seem to have zero width. Lines used in division and square root seem to draw ok (sized to the zero width leaves).

I checked the mjx-container contents in the inspector. Except for ids that I add, the contents is the same both times. This makes me suspicious that the problem is not with MathJax but with my code, it works fine in 3.2.0 but not in 3.2.1. So maybe there is some (over) optimization in 3.2.1???

Steps to Reproduce:

  1. Open https://nsoiffer.github.io/MathCATDemo/
  2. Click on "Generate Speech and Braille" -- display is fine
  3. Click on "Generate Speech and Braille" and second time -- display is bad. Here is a screen shot: image

There is a lot of debugging info in the console, but no error messages.

The source code code is in https://github.com/NSoiffer/MathCATDemo and the likely relevant file is index.html. Maybe src/main.rs might be relevant (it processes the events and does the update). It is a bit of a pain to build, so I mention the files in case you want to look to see the code. It makes use of yew, so lots of magic happens that isn't visible in the code.

Technical details:

  • MathJax Version: 3.2.1
  • Client OS: Windows 10
  • Browser: Chrome Version 105.0.5195.127 (Official Build) (64-bit) and also Firefox

I am using the following MathJax configuration:

    MathJax = {
      loader: {load: ['input/tex', 'input/asciimath']},
      options: {
        enableMenu: false, // interferes with navigation
        enableAssistiveMml: true,
      }
};

and loading MathJax via

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/mml-chtml.js"></script>

Changing the @3 to @3.2.0 makes the page display properly. Changing it to @3.2.1 causes the failure.

Assignee
Assign to
Time tracking