Make sure strechy character extenders have non-zero height in CHTML, …

…so they are placed properly by Safari. mathjax/MathJax#2598
mathjax · Dec 30, 2020 · 2ae2cd7 · 2ae2cd7
1 parent b0ca062
commit 2ae2cd7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/ts/output/chtml/FontData.ts b/ts/output/chtml/FontData.ts
@@ -327,6 +327,8 @@ export class CHTMLFontData extends FontData<CHTMLCharOptions, CHTMLVariantData,
       css.padding = this.padding(data, dw);
     } else if (dw) {
       css['padding-left'] = this.em0(dw);
+    } else {
+      css.padding = '.1em 0';    // for Safari
     }
     styles['mjx-stretchy-v' + c + ' mjx-' + part + ' mjx-c::before'] = css;
     return data[0] + data[1];
@@ -364,6 +366,8 @@ export class CHTMLFontData extends FontData<CHTMLCharOptions, CHTMLVariantData,
     const css: StyleData = {content: (options && options.c ? '"' + options.c + '"' : this.charContent(n))};
     if (part !== 'ext' || force) {
       css.padding = this.padding(data, 0, -data[2]);
+    } else {
+      css['padding-top'] = '1px';   // for Safari
     }
     styles['mjx-stretchy-h' + c + ' mjx-' + part + ' mjx-c::before'] = css;
   }

diff --git a/ts/output/chtml/Wrappers/mo.ts b/ts/output/chtml/Wrappers/mo.ts
@@ -74,7 +74,7 @@ CommonMoMixin<CHTMLConstructor<any, any, any>>(CHTMLWrapper) {
       transform: 'scalex(500)'
     },
     'mjx-stretchy-h > mjx-ext > mjx-c': {
-      width: 0
+      width: '100%'
     },
     'mjx-stretchy-h > mjx-beg > mjx-c': {
       'margin-right': '-.1em'