temml 0.10.12 → 0.10.14

package/dist/temml.mjs

@@ -968,6 +968,7 @@ defineSymbol(math, rel, "\u21c1", "\\rightharpoondown", true);
 defineSymbol(math, rel, "\u2196", "\\nwarrow", true);
 defineSymbol(math, rel, "\u21cc", "\\rightleftharpoons", true);
 defineSymbol(math, mathord, "\u21af", "\\lightning", true);
+defineSymbol(math, mathord, "\u220E", "\\QED", true);
 defineSymbol(math, mathord, "\u2030", "\\permil", true);
 defineSymbol(text, textord, "\u2030", "\\permil");
 
@@ -1114,6 +1115,7 @@ defineSymbol(math, rel, "\u2ab7", "\\precapprox", true);
 defineSymbol(math, rel, "\u22b2", "\\vartriangleleft");
 defineSymbol(math, rel, "\u22b4", "\\trianglelefteq");
 defineSymbol(math, rel, "\u22a8", "\\vDash", true);
+defineSymbol(math, rel, "\u22ab", "\\VDash", true);
 defineSymbol(math, rel, "\u22aa", "\\Vvdash", true);
 defineSymbol(math, rel, "\u2323", "\\smallsmile");
 defineSymbol(math, rel, "\u2322", "\\smallfrown");
@@ -1763,13 +1765,16 @@ for (let i = 0; i < 10; i++) {
  * much of this module.
  */
 
+const openDelims = "([{⌊⌈⟨⟮⎰⟦⦃";
+const closeDelims = ")]}⌋⌉⟩⟯⎱⟦⦄";
+
 function setLineBreaks(expression, wrapMode, isDisplayMode) {
   const mtrs = [];
   let mrows = [];
   let block = [];
   let numTopLevelEquals = 0;
-  let canBeBIN = false; // The first node cannot be an infix binary operator.
   let i = 0;
+  let level = 0;
   while (i < expression.length) {
     while (expression[i] instanceof DocumentFragment) {
       expression.splice(i, 1, ...expression[i].children); // Expand the fragment.
@@ -1792,7 +1797,12 @@ function setLineBreaks(expression, wrapMode, isDisplayMode) {
     }
     block.push(node);
     if (node.type && node.type === "mo" && node.children.length === 1) {
-      if (wrapMode === "=" && node.children[0].text === "=") {
+      const ch = node.children[0].text;
+      if (openDelims.indexOf(ch) > -1) {
+        level += 1;
+      } else if (closeDelims.indexOf(ch) > -1) {
+        level -= 1;
+      } else if (level === 0 && wrapMode === "=" && ch === "=") {
         numTopLevelEquals += 1;
         if (numTopLevelEquals > 1) {
           block.pop();
@@ -1801,59 +1811,48 @@ function setLineBreaks(expression, wrapMode, isDisplayMode) {
           mrows.push(element);
           block = [node];
         }
-      } else if (wrapMode === "tex") {
-        // This may be a place for a soft line break.
-        if (canBeBIN && !node.attributes.form) {
-          // Check if the following node is a \nobreak text node, e.g. "~""
-          const next = i < expression.length - 1 ? expression[i + 1] : null;
-          let glueIsFreeOfNobreak = true;
-          if (
-            !(
-              next &&
-              next.type === "mtext" &&
-              next.attributes.linebreak &&
-              next.attributes.linebreak === "nobreak"
-            )
-          ) {
-            // We may need to start a new block.
-            // First, put any post-operator glue on same line as operator.
-            for (let j = i + 1; j < expression.length; j++) {
-              const nd = expression[j];
+      } else if (level === 0 && wrapMode === "tex") {
+        // Check if the following node is a \nobreak text node, e.g. "~""
+        const next = i < expression.length - 1 ? expression[i + 1] : null;
+        let glueIsFreeOfNobreak = true;
+        if (
+          !(
+            next &&
+            next.type === "mtext" &&
+            next.attributes.linebreak &&
+            next.attributes.linebreak === "nobreak"
+          )
+        ) {
+          // We may need to start a new block.
+          // First, put any post-operator glue on same line as operator.
+          for (let j = i + 1; j < expression.length; j++) {
+            const nd = expression[j];
+            if (
+              nd.type &&
+              nd.type === "mspace" &&
+              !(nd.attributes.linebreak && nd.attributes.linebreak === "newline")
+            ) {
+              block.push(nd);
+              i += 1;
               if (
-                nd.type &&
-                nd.type === "mspace" &&
-                !(nd.attributes.linebreak && nd.attributes.linebreak === "newline")
+                nd.attributes &&
+                nd.attributes.linebreak &&
+                nd.attributes.linebreak === "nobreak"
               ) {
-                block.push(nd);
-                i += 1;
-                if (
-                  nd.attributes &&
-                  nd.attributes.linebreak &&
-                  nd.attributes.linebreak === "nobreak"
-                ) {
-                  glueIsFreeOfNobreak = false;
-                }
-              } else {
-                break;
+                glueIsFreeOfNobreak = false;
               }
+            } else {
+              break;
             }
           }
-          if (glueIsFreeOfNobreak) {
-            // Start a new block. (Insert a soft linebreak.)
-            const element = new mathMLTree.MathNode("mrow", block);
-            mrows.push(element);
-            block = [];
-          }
-          canBeBIN = false;
         }
-        const isOpenDelimiter = node.attributes.form && node.attributes.form === "prefix";
-        // Any operator that follows an open delimiter is unary.
-        canBeBIN = !(node.attributes.separator || isOpenDelimiter);
-      } else {
-        canBeBIN = true;
+        if (glueIsFreeOfNobreak) {
+          // Start a new block. (Insert a soft linebreak.)
+          const element = new mathMLTree.MathNode("mrow", block);
+          mrows.push(element);
+          block = [];
+        }
       }
-    } else {
-      canBeBIN = true;
     }
     i += 1;
   }
@@ -2132,7 +2131,10 @@ function buildMathML(tree, texExpression, style, settings) {
     math.setAttribute("display", "block");
     math.style.display = math.children.length === 1 && math.children[0].type === "mtable"
       ? "inline"
-      : "block math";
+      : "block math"; // necessary in Chromium.
+    // Firefox and Safari do not recognize display: "block math".
+    // Set a class so that the CSS file can set display: block.
+    math.classes = ["tml-display"];
   }
   return math;
 }
@@ -2416,43 +2418,69 @@ const paddedNode = (group, lspace = 0.3, rspace = 0) => {
   return new mathMLTree.MathNode("mrow", row)
 };
 
-const labelSize = (size, scriptLevel) =>  (size / emScale(scriptLevel)).toFixed(4);
+const labelSize = (size, scriptLevel) =>  Number(size) / emScale(scriptLevel);
 
-const munderoverNode = (name, body, below, style) => {
-  const arrowNode = stretchy.mathMLnode(name);
+const munderoverNode = (fName, body, below, style) => {
+  const arrowNode = stretchy.mathMLnode(fName);
   // Is this the short part of a mhchem equilibrium arrow?
-  const isEq = name.slice(1, 3) === "eq";
-  const minWidth = name.charAt(1) === "x"
-    ? "1.75"  // mathtools extensible arrows are 1.75em long
-    : name.slice(2, 4) === "cd"
+  const isEq = fName.slice(1, 3) === "eq";
+  const minWidth = fName.charAt(1) === "x"
+    ? "1.75"  // mathtools extensible arrows are ≥ 1.75em long
+    : fName.slice(2, 4) === "cd"
     ? "3.0"  // cd package arrows
     : isEq
     ? "1.0"  // The shorter harpoon of a mhchem equilibrium arrow
     : "2.0"; // other mhchem arrows
-  arrowNode.setAttribute("minsize", String(minWidth) + "em");
+  // TODO: When Firefox supports minsize, use the next line.
+  //arrowNode.setAttribute("minsize", String(minWidth) + "em")
   arrowNode.setAttribute("lspace", "0");
   arrowNode.setAttribute("rspace", (isEq ? "0.5em" : "0"));
 
   // <munderover> upper and lower labels are set to scriptlevel by MathML
-  // So we have to adjust our dimensions accordingly.
+  // So we have to adjust our label dimensions accordingly.
   const labelStyle = style.withLevel(style.level < 2 ? 2 : 3);
-  const emptyLabelWidth = labelSize(minWidth, labelStyle.level);
-  const lspace = labelSize((isEq ? 0 : 0.3), labelStyle.level);
-  const rspace = labelSize((isEq ? 0 : 0.3), labelStyle.level);
-
-  const upperNode = (body && body.body &&
+  const minArrowWidth = labelSize(minWidth, labelStyle.level);
+  // The dummyNode will be inside a <mover> inside a <mover>
+  // So it will be at scriptlevel 3
+  const dummyWidth = labelSize(minWidth, 3);
+  const emptyLabel = paddedNode(null, minArrowWidth.toFixed(4), 0);
+  const dummyNode = paddedNode(null, dummyWidth.toFixed(4), 0);
+  // The arrow is a little longer than the label. Set a spacer length.
+  const space = labelSize((isEq ? 0 : 0.3), labelStyle.level).toFixed(4);
+  let upperNode;
+  let lowerNode;
+
+  const gotUpper = (body && body.body &&
     // \hphantom        visible content
-    (body.body.body || body.body.length > 0))
-    ? paddedNode(buildGroup$1(body, labelStyle), lspace, rspace)
-      // Since Firefox does not recognize minsize set on the arrow,
-      // create an upper node w/correct width.
-    : paddedNode(null, emptyLabelWidth, 0);
-  const lowerNode = (below && below.body &&
-    (below.body.body || below.body.length > 0))
-    ? paddedNode(buildGroup$1(below, labelStyle), lspace, rspace)
-    : paddedNode(null, emptyLabelWidth, 0);
-  const node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
-  if (minWidth === "3.0") { node.style.height = "1em"; }
+    (body.body.body || body.body.length > 0));
+  if (gotUpper) {
+    let label =  buildGroup$1(body, labelStyle);
+    label = paddedNode(label, space, space);
+    // Since Firefox does not support minsize, stack a invisible node
+    // on top of the label. Its width will serve as a min-width.
+    // TODO: Refactor this after Firefox supports minsize.
+    upperNode = new mathMLTree.MathNode("mover", [label, dummyNode]);
+  }
+  const gotLower = (below && below.body &&
+    (below.body.body || below.body.length > 0));
+  if (gotLower) {
+    let label =  buildGroup$1(below, labelStyle);
+    label = paddedNode(label, space, space);
+    lowerNode = new mathMLTree.MathNode("munder", [label, dummyNode]);
+  }
+
+  let node;
+  if (!gotUpper && !gotLower) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, emptyLabel]);
+  } else if (gotUpper && gotLower) {
+    node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
+  } else if (gotUpper) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, upperNode]);
+  } else {
+    node = new mathMLTree.MathNode("munder", [arrowNode, lowerNode]);
+  }
+  if (minWidth === "3.0") { node.style.height = "1em"; } // CD environment
+  node.setAttribute("accent", "false"); // Necessary for MS Word
   return node
 };
 
@@ -2531,7 +2559,7 @@ defineFunction({
     "\\xleftrightharpoons",   // mathtools
     "\\xrightleftharpoons",   // mathtools
     "\\yieldsLeftRight",      // mhchem
-    "\\equilibrium",           // mhchem
+    "\\equilibrium",          // mhchem
     "\\equilibriumRight",
     "\\equilibriumLeft"
   ],
@@ -3635,10 +3663,9 @@ defineFunction({
       // so we have to explicitly set stretchy to true.
       node.setAttribute("stretchy", "true");
     }
-
     node.setAttribute("symmetric", "true"); // Needed for tall arrows in Firefox.
     node.setAttribute("minsize", sizeToMaxHeight[group.size] + "em");
-    // Don't set the maxsize attribute. It's broken in Chromium.
+    node.setAttribute("maxsize", sizeToMaxHeight[group.size] + "em");
     return node;
   }
 });
@@ -3773,33 +3800,31 @@ const padding$1 = _ => {
 
 const mathmlBuilder$8 = (group, style) => {
   let node;
-  if (group.label.indexOf("colorbox") > -1) {
-    // Chrome mpadded +width attribute is broken. Insert <mspace>
-    node = new mathMLTree.MathNode("mpadded", [
+  if (group.label.indexOf("colorbox") > -1 || group.label === "\\boxed") {
+    // MathML core does not support +width attribute in <mpadded>.
+    // Firefox does not reliably add side padding.
+    // Insert <mspace>
+    node = new mathMLTree.MathNode("mrow", [
       padding$1(),
       buildGroup$1(group.body, style),
       padding$1()
     ]);
   } else {
-    node = new mathMLTree.MathNode("menclose", [buildGroup$1(group.body, style)]);
+    node = new mathMLTree.MathNode("mrow", [buildGroup$1(group.body, style)]);
   }
   switch (group.label) {
     case "\\overline":
-      node.setAttribute("notation", "top");
       node.style.padding = "0.1em 0 0 0";
       node.style.borderTop = "0.065em solid";
       break
     case "\\underline":
-      node.setAttribute("notation", "bottom");
       node.style.padding = "0 0 0.1em 0";
       node.style.borderBottom = "0.065em solid";
       break
     case "\\cancel":
-      node.setAttribute("notation", "updiagonalstrike");
       node.classes.push("cancel");
       break
     case "\\bcancel":
-      node.setAttribute("notation", "downdiagonalstrike");
       node.classes.push("bcancel");
       break
     /*
@@ -3810,18 +3835,21 @@ const mathmlBuilder$8 = (group, style) => {
       node.setAttribute("notation", "phasorangle");
       break */
     case "\\angl":
-      node.setAttribute("notation", "actuarial");
       node.style.padding = "0.03889em 0.03889em 0 0.03889em";
       node.style.borderTop = "0.049em solid";
       node.style.borderRight = "0.049em solid";
       node.style.marginRight = "0.03889em";
       break
     case "\\sout":
-      node.setAttribute("notation", "horizontalstrike");
       node.style["text-decoration"] = "line-through 0.08em solid";
       break
+    case "\\boxed":
+      // \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}} from amsmath.sty
+      node.style = { padding: "3pt 0 3pt 0", border: "1px solid" };
+      node.setAttribute("scriptlevel", "0");
+      node.setAttribute("displaystyle", "true");
+      break
     case "\\fbox":
-      node.setAttribute("notation", "box");
       node.style = { padding: "3pt", border: "1px solid" };
       break
     case "\\fcolorbox":
@@ -3841,7 +3869,6 @@ const mathmlBuilder$8 = (group, style) => {
       break
     }
     case "\\xcancel":
-      node.setAttribute("notation", "updiagonalstrike downdiagonalstrike");
       node.classes.push("xcancel");
       break
   }
@@ -3936,7 +3963,7 @@ defineFunction({
 
 defineFunction({
   type: "enclose",
-  names: ["\\angl", "\\cancel", "\\bcancel", "\\xcancel", "\\sout", "\\overline"],
+  names: ["\\angl", "\\cancel", "\\bcancel", "\\xcancel", "\\sout", "\\overline", "\\boxed"],
    // , "\\phase", "\\longdiv"
   props: {
     numArgs: 1
@@ -6802,8 +6829,6 @@ defineFunction({
   }
 });
 
-const sign = num => num >= 0 ? "+" : "-";
-
 // \raise, \lower, and \raisebox
 
 const mathmlBuilder = (group, style) => {
@@ -6811,11 +6836,13 @@ const mathmlBuilder = (group, style) => {
   const node = new mathMLTree.MathNode("mpadded", [buildGroup$1(group.body, newStyle)]);
   const dy = calculateSize(group.dy, style);
   node.setAttribute("voffset", dy.number + dy.unit);
-  const dyAbs = Math.abs(dy.number);
-  // The next two lines do not work in Chromium.
-  // TODO: Find some other way to adjust height and depth.
-  node.setAttribute("height", sign(dy.number) +  dyAbs + dy.unit);
-  node.setAttribute("depth", sign(-dy.number) +  dyAbs + dy.unit);
+  // Add padding, which acts to increase height in Chromium.
+  // TODO: Figure out some way to change height in Firefox w/o breaking Chromium.
+  if (dy.number > 0) {
+    node.style.padding = dy.number + dy.unit + " 0 0 0";
+  } else {
+    node.style.padding = "0 0 " + Math.abs(dy.number) + dy.unit + " 0";
+  }
   return node
 };
 
@@ -8444,9 +8471,6 @@ defineMacro("\u22ee", "\\vdots");
 //\newcommand{\substack}[1]{\subarray{c}#1\endsubarray}
 defineMacro("\\substack", "\\begin{subarray}{c}#1\\end{subarray}");
 
-// \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}}
-defineMacro("\\boxed", "\\fbox{$\\displaystyle{#1}$}");
-
 // \def\iff{\DOTSB\;\Longleftrightarrow\;}
 // \def\implies{\DOTSB\;\Longrightarrow\;}
 // \def\impliedby{\DOTSB\;\Longleftarrow\;}
@@ -8695,7 +8719,7 @@ defineMacro(
 defineMacro(
   "\\Temml",
   // eslint-disable-next-line max-len
-  "\\textrm{T}\\kern-0.2em\\lower{0.2em}\\textrm{E}\\kern-0.08em{\\textrm{M}\\kern-0.08em\\raise{0.2em}\\textrm{M}\\kern-0.08em\\textrm{L}}"
+  "\\textrm{T}\\kern-0.2em\\lower{0.2em}{\\textrm{E}}\\kern-0.08em{\\textrm{M}\\kern-0.08em\\raise{0.2em}\\textrm{M}\\kern-0.08em\\textrm{L}}"
 );
 
 // \DeclareRobustCommand\hspace{\@ifstar\@hspacer\@hspace}
@@ -12875,7 +12899,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.10.12";
+const version = "0.10.14";
 
 function postProcess(block) {
   const labelMap = {};

package/dist/temmlPostProcess.js

@@ -14,7 +14,7 @@
    * https://mit-license.org/
    */
 
-  const version = "0.10.12";
+  const version = "0.10.14";
 
   function postProcess(block) {
     const labelMap = {};

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "temml",
-  "version": "0.10.12",
+  "version": "0.10.14",
   "description": "TeX to MathML conversion in JavaScript.",
   "main": "dist/temml.js",
+  "engines": {
+    "node": ">=18.13.0"
+  },
   "exports": {
     ".": {
       "require": "./dist/temml.cjs"

package/src/buildMathML.js

@@ -262,7 +262,10 @@ export default function buildMathML(tree, texExpression, style, settings) {
     math.setAttribute("display", "block");
     math.style.display = math.children.length === 1 && math.children[0].type === "mtable"
       ? "inline"
-      : "block math"
+      : "block math" // necessary in Chromium.
+    // Firefox and Safari do not recognize display: "block math".
+    // Set a class so that the CSS file can set display: block.
+    math.classes = ["tml-display"]
   }
   return math;
 }

package/src/functions/arrow.js

@@ -18,45 +18,71 @@ const paddedNode = (group, lspace = 0.3, rspace = 0) => {
   if (lspace !== 0)   { row.unshift(padding(lspace)) }
   if (rspace > 0) { row.push(padding(rspace)) }
   return new mathMLTree.MathNode("mrow", row)
-};
+}
 
-const labelSize = (size, scriptLevel) =>  (size / emScale(scriptLevel)).toFixed(4)
+const labelSize = (size, scriptLevel) =>  Number(size) / emScale(scriptLevel);
 
-const munderoverNode = (name, body, below, style) => {
-  const arrowNode = stretchy.mathMLnode(name);
+const munderoverNode = (fName, body, below, style) => {
+  const arrowNode = stretchy.mathMLnode(fName);
   // Is this the short part of a mhchem equilibrium arrow?
-  const isEq = name.slice(1, 3) === "eq"
-  const minWidth = name.charAt(1) === "x"
-    ? "1.75"  // mathtools extensible arrows are 1.75em long
-    : name.slice(2, 4) === "cd"
+  const isEq = fName.slice(1, 3) === "eq"
+  const minWidth = fName.charAt(1) === "x"
+    ? "1.75"  // mathtools extensible arrows are ≥ 1.75em long
+    : fName.slice(2, 4) === "cd"
     ? "3.0"  // cd package arrows
     : isEq
     ? "1.0"  // The shorter harpoon of a mhchem equilibrium arrow
     : "2.0"; // other mhchem arrows
-  arrowNode.setAttribute("minsize", String(minWidth) + "em");
+  // TODO: When Firefox supports minsize, use the next line.
+  //arrowNode.setAttribute("minsize", String(minWidth) + "em")
   arrowNode.setAttribute("lspace", "0")
   arrowNode.setAttribute("rspace", (isEq ? "0.5em" : "0"))
 
   // <munderover> upper and lower labels are set to scriptlevel by MathML
-  // So we have to adjust our dimensions accordingly.
+  // So we have to adjust our label dimensions accordingly.
   const labelStyle = style.withLevel(style.level < 2 ? 2 : 3)
-  const emptyLabelWidth = labelSize(minWidth, labelStyle.level)
-  const lspace = labelSize((isEq ? 0 : 0.3), labelStyle.level)
-  const rspace = labelSize((isEq ? 0 : 0.3), labelStyle.level)
+  const minArrowWidth = labelSize(minWidth, labelStyle.level)
+  // The dummyNode will be inside a <mover> inside a <mover>
+  // So it will be at scriptlevel 3
+  const dummyWidth = labelSize(minWidth, 3)
+  const emptyLabel = paddedNode(null, minArrowWidth.toFixed(4), 0)
+  const dummyNode = paddedNode(null, dummyWidth.toFixed(4), 0)
+  // The arrow is a little longer than the label. Set a spacer length.
+  const space = labelSize((isEq ? 0 : 0.3), labelStyle.level).toFixed(4)
+  let upperNode
+  let lowerNode
 
-  const upperNode = (body && body.body &&
+  const gotUpper = (body && body.body &&
     // \hphantom        visible content
     (body.body.body || body.body.length > 0))
-    ? paddedNode(mml.buildGroup(body, labelStyle), lspace, rspace)
-      // Since Firefox does not recognize minsize set on the arrow,
-      // create an upper node w/correct width.
-    : paddedNode(null, emptyLabelWidth, 0)
-  const lowerNode = (below && below.body &&
+  if (gotUpper) {
+    let label =  mml.buildGroup(body, labelStyle)
+    label = paddedNode(label, space, space)
+    // Since Firefox does not support minsize, stack a invisible node
+    // on top of the label. Its width will serve as a min-width.
+    // TODO: Refactor this after Firefox supports minsize.
+    upperNode = new mathMLTree.MathNode("mover", [label, dummyNode])
+  }
+  const gotLower = (below && below.body &&
     (below.body.body || below.body.length > 0))
-    ? paddedNode(mml.buildGroup(below, labelStyle), lspace, rspace)
-    : paddedNode(null, emptyLabelWidth, 0)
-  const node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
-  if (minWidth === "3.0") { node.style.height = "1em" }
+  if (gotLower) {
+    let label =  mml.buildGroup(below, labelStyle)
+    label = paddedNode(label, space, space)
+    lowerNode = new mathMLTree.MathNode("munder", [label, dummyNode])
+  }
+
+  let node
+  if (!gotUpper && !gotLower) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, emptyLabel])
+  } else if (gotUpper && gotLower) {
+    node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode])
+  } else if (gotUpper) {
+    node = new mathMLTree.MathNode("mover", [arrowNode, upperNode])
+  } else {
+    node = new mathMLTree.MathNode("munder", [arrowNode, lowerNode])
+  }
+  if (minWidth === "3.0") { node.style.height = "1em" } // CD environment
+  node.setAttribute("accent", "false") // Necessary for MS Word
   return node
 }
 
@@ -135,7 +161,7 @@ defineFunction({
     "\\xleftrightharpoons",   // mathtools
     "\\xrightleftharpoons",   // mathtools
     "\\yieldsLeftRight",      // mhchem
-    "\\equilibrium",           // mhchem
+    "\\equilibrium",          // mhchem
     "\\equilibriumRight",
     "\\equilibriumLeft"
   ],

package/src/functions/delimsizing.js

@@ -178,10 +178,9 @@ defineFunction({
       // so we have to explicitly set stretchy to true.
       node.setAttribute("stretchy", "true")
     }
-
     node.setAttribute("symmetric", "true"); // Needed for tall arrows in Firefox.
-    node.setAttribute("minsize", sizeToMaxHeight[group.size] + "em");
-    // Don't set the maxsize attribute. It's broken in Chromium.
+    node.setAttribute("minsize", sizeToMaxHeight[group.size] + "em")
+    node.setAttribute("maxsize", sizeToMaxHeight[group.size] + "em")
     return node;
   }
 });

package/src/functions/enclose.js

@@ -12,33 +12,31 @@ const padding = _ => {
 
 const mathmlBuilder = (group, style) => {
   let node
-  if (group.label.indexOf("colorbox") > -1) {
-    // Chrome mpadded +width attribute is broken. Insert <mspace>
-    node = new mathMLTree.MathNode("mpadded", [
+  if (group.label.indexOf("colorbox") > -1 || group.label === "\\boxed") {
+    // MathML core does not support +width attribute in <mpadded>.
+    // Firefox does not reliably add side padding.
+    // Insert <mspace>
+    node = new mathMLTree.MathNode("mrow", [
       padding(),
       mml.buildGroup(group.body, style),
       padding()
     ])
   } else {
-    node = new mathMLTree.MathNode("menclose", [mml.buildGroup(group.body, style)])
+    node = new mathMLTree.MathNode("mrow", [mml.buildGroup(group.body, style)])
   }
   switch (group.label) {
     case "\\overline":
-      node.setAttribute("notation", "top")
       node.style.padding = "0.1em 0 0 0"
       node.style.borderTop = "0.065em solid"
       break
     case "\\underline":
-      node.setAttribute("notation", "bottom")
       node.style.padding = "0 0 0.1em 0"
       node.style.borderBottom = "0.065em solid"
       break
     case "\\cancel":
-      node.setAttribute("notation", "updiagonalstrike");
       node.classes.push("cancel")
       break
     case "\\bcancel":
-      node.setAttribute("notation", "downdiagonalstrike");
       node.classes.push("bcancel")
       break
     /*
@@ -49,18 +47,21 @@ const mathmlBuilder = (group, style) => {
       node.setAttribute("notation", "phasorangle");
       break */
     case "\\angl":
-      node.setAttribute("notation", "actuarial")
       node.style.padding = "0.03889em 0.03889em 0 0.03889em"
       node.style.borderTop = "0.049em solid"
       node.style.borderRight = "0.049em solid"
       node.style.marginRight = "0.03889em"
       break
     case "\\sout":
-      node.setAttribute("notation", "horizontalstrike");
       node.style["text-decoration"] = "line-through 0.08em solid"
       break
+    case "\\boxed":
+      // \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}} from amsmath.sty
+      node.style = { padding: "3pt 0 3pt 0", border: "1px solid" }
+      node.setAttribute("scriptlevel", "0")
+      node.setAttribute("displaystyle", "true")
+      break
     case "\\fbox":
-      node.setAttribute("notation", "box");
       node.style = { padding: "3pt", border: "1px solid" }
       break
     case "\\fcolorbox":
@@ -80,7 +81,6 @@ const mathmlBuilder = (group, style) => {
       break
     }
     case "\\xcancel":
-      node.setAttribute("notation", "updiagonalstrike downdiagonalstrike");
       node.classes.push("xcancel")
       break
   }
@@ -175,7 +175,7 @@ defineFunction({
 
 defineFunction({
   type: "enclose",
-  names: ["\\angl", "\\cancel", "\\bcancel", "\\xcancel", "\\sout", "\\overline"],
+  names: ["\\angl", "\\cancel", "\\bcancel", "\\xcancel", "\\sout", "\\overline", "\\boxed"],
    // , "\\phase", "\\longdiv"
   props: {
     numArgs: 1