mathjax / mathjax/MathJax

Issues with a few stretchy accents

Open
#2,768 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Accepted v2
Dominant language
JavaScript
Stars
10.9k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Issue Summary

Most stretchy accents are appearing as we'd expect in MathJax [reverse vector (x20d6), tilde (x303), underbar (x332), vector (x20d7), and circumflex (x302)], but we're having trouble with three of them: double bar overhead (x33f), double headed arrow accent (x20e1), and vinculum (x305).

Here's how they're looking for us in MathJax currently:

image

Here's the tagging that was used:

<mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x33F;</mo> </mrow> </mover> <mspace width=".25em" /> <mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x20E1;</mo> </mrow> </mover> <mspace width=".25em" /> <mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x20D6;</mo> </mrow> </mover> <mspace width=".25em" /> <mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x303;</mo> </mrow> </mover> <mspace width=".25em" /> <munder> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x332;</mo> </mrow> </munder> <mspace width=".25em" /> <mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x20D7;</mo> </mrow> </mover> <mspace width=".25em" /> <mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x305;</mo> </mrow> </mover> <mspace width=".25em" /> <mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo accent="true" stretchy="true">&#x302;</mo> </mrow> </mover>

Is this a bug? Is the only way to solve these by using different characters for the accents, i.e.,

image

<mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo stretchy="true">=</mo> </mrow> </mover>

image

<mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo stretchy="true">&#x2194;</mo> </mrow> </mover>

image

<mover> <mrow> <mi>x</mi> <mi>y</mi> <mi>z</mi> </mrow> <mrow> <mo stretchy="true">&#xAF;</mo> </mrow> </mover>

Technical details:

MathJax Version: master - latest commit: MathJax.js v2.7.9
Client OS: Windows
Browser: Version 93.0.4577.63 (Official Build) (64-bit)
Renderer: HTML-CSS

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the supplied MathML examples in MathJax master v2.7.9 using the HTML-CSS renderer, comparing the three failing stretchy accents with the working accents. Trace the rendering path for U+033F, U+20E1, and U+0305; done means those accents render correctly without requiring substitute characters.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.