suzanne.soy/scribble-mathjax
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Properly handle the width of math and mtd elements by explicitly setting the width from the child mrow (works around FF bug that gets these widths wrong). Resolves issue #558.

Browse Source
This commit is contained in:
Davide P. Cervone 2013-09-23 20:56:25 -04:00
parent 02261ae99f
commit ed932ec458
1 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
unpacked/jax/output/NativeMML/jax.js
View File

@ -120,7 +120,8 @@
} }
}, },
settings: HUB.config.menuSettings, settings: HUB.config.menuSettings,
ex: 1, // filled in later ex: 1, scale: 1, // filled in later
adjustWidths: [], // array of elements to have their widths adjusted
Config: function () { Config: function () {
this.SUPER(arguments).Config.call(this); this.SUPER(arguments).Config.call(this);
@ -258,7 +259,7 @@
if (ex === 0 || ex === "NaN") {ex = this.defaultEx; mex = this.defaultMEx} if (ex === 0 || ex === "NaN") {ex = this.defaultEx; mex = this.defaultMEx}
scale = (mex > 1 ? ex/mex : 1) * this.config.scale; scale = (mex > 1 ? ex/mex : 1) * this.config.scale;
scale = Math.floor(Math.max(this.config.minScaleAdjust/100,scale)); scale = Math.floor(Math.max(this.config.minScaleAdjust/100,scale));
jax.NativeMML.ex = ex; jax.NativeMML.ex = ex; jax.NativeMML.scale = scale/100;
} else {scale = 100} } else {scale = 100}
jax.NativeMML.fontSize = scale+"%"; jax.NativeMML.fontSize = scale+"%";
} }
@ -287,6 +288,7 @@
container = span.firstChild, mspan = container.firstChild; container = span.firstChild, mspan = container.firstChild;
span.style.fontSize = jax.NativeMML.fontSize; span.style.fontSize = jax.NativeMML.fontSize;
this.ex = jax.NativeMML.ex || this.defaultEx; this.ex = jax.NativeMML.ex || this.defaultEx;
this.scale = jax.NativeMML.scale || 1;
// //
// Convert to MathML (if restarted, remove any partial math) // Convert to MathML (if restarted, remove any partial math)
// //
@ -814,7 +816,10 @@
toNativeMML: function (parent) { toNativeMML: function (parent) {
var tag = parent.appendChild(this.NativeMMLelement(this.type)); var tag = parent.appendChild(this.NativeMMLelement(this.type));
this.NativeMMLattributes(tag); this.NativeMMLattributes(tag);
if (nMML.widthBug) {tag = tag.appendChild(this.NativeMMLelement("mrow"))} if (nMML.mtdWidthBug) {
nMML.adjustWidths.push(tag);
tag = tag.appendChild(this.NativeMMLelement("mrow"));
}
for (var i = 0, m = this.data.length; i < m; i++) { for (var i = 0, m = this.data.length; i < m; i++) {
if (this.data[i]) {this.data[i].toNativeMML(tag)} if (this.data[i]) {this.data[i].toNativeMML(tag)}
else {tag.appendChild(this.NativeMMLelement("mrow"))} else {tag.appendChild(this.NativeMMLelement("mrow"))}
@ -890,6 +895,7 @@
MML.math.Augment({ MML.math.Augment({
toNativeMML: function (parent) { toNativeMML: function (parent) {
var tag = this.NativeMMLelement(this.type), math = tag; var tag = this.NativeMMLelement(this.type), math = tag;
nMML.adjustWidths = [];
// //
// Some browsers don't seem to add the xmlns attribute, so do it by hand. // Some browsers don't seem to add the xmlns attribute, so do it by hand.
// //
@ -936,12 +942,22 @@
// parent element to match. Even if we set the <math> width properly, // parent element to match. Even if we set the <math> width properly,
// it doesn't seem to propagate up to the <span> correctly. // it doesn't seem to propagate up to the <span> correctly.
// //
if (nMML.widthBug && !mtable.nMMLforceWidth && mtable.nMMLlaMatch) { if (nMML.widthBug &&
!(mtable.nMMLhasLabels && (mtable.nMMLforceWidth || !mtable.nMMLlaMatch))) {
// //
// Convert size to ex's so that it scales properly if the print media // Convert size to ex's so that it scales properly if the print media
// has a different font size. // has a different font size.
// //
parent.style.width = (math.firstChild.scrollWidth/nMML.ex).toFixed(3) + "ex"; parent.style.width = (math.firstChild.scrollWidth/nMML.ex/nMML.scale).toFixed(3) + "ex";
}
for (var i = 0, m = nMML.adjustWidths.length; i < m; i++) {
var tag = nMML.adjustWidths[i];
var style = tag.getAttribute("style") || "";
if (!style.match(/(^|;)\s*width:/)) {
var width = tag.scrollWidth/nMML.ex;
if (style !== "") {style += "; "}
tag.setAttribute("style",style+"width:"+width+"ex");
}
} }
} }
}); });
@ -1131,6 +1147,8 @@
// correctly and thus the element is displayed incorrectly in <mtable>. // correctly and thus the element is displayed incorrectly in <mtable>.
nMML.spaceWidthBug = !browser.versionAtLeast("20.0"); nMML.spaceWidthBug = !browser.versionAtLeast("20.0");
nMML.mtdWidthBug = true; // <mtd> widths not properly determined
nMML.tableSpacingBug = true; // mtable@rowspacing/mtable@columnspacing not nMML.tableSpacingBug = true; // mtable@rowspacing/mtable@columnspacing not
// supported. // supported.
nMML.tableLabelBug = true; // mlabeledtr is not implemented. nMML.tableLabelBug = true; // mlabeledtr is not implemented.