patrick/KaTeX
1
0
Fork 0
mirror of https://github.com/Smaug123/KaTeX synced 2025-10-08 12:38:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Solve Safari rendering issues with font-size overrides. (#780)

Browse Source 
Some delicate surgery is required on the `vlist-s` table-cell CSS.
Problem with #768 reported by @ronkok; issue #779. Fixes:

* `font-size: 1px` (rather than `font-size: 0.05em`) solves render
  issues with user overrides of the `.katex` `font-size`.
* Also fix a width issue.
This commit is contained in:
Eddie Kohler
2017-08-01 23:37:52 -04:00
committed by Kevin Barabash
parent 1e148746f8
commit 766487bfe3
2 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/buildCommon.js
View File

@@ -386,6 +386,9 @@ const makeVList = function(children, positionType, positionData, options) {
} }
const vtable = makeSpan(["vlist-t"], rows); const vtable = makeSpan(["vlist-t"], rows);
if (rows.length === 2) {
vtable.classes.push("vlist-t2");
}
vtable.height = maxPos; vtable.height = maxPos;
vtable.depth = -minPos; vtable.depth = -minPos;
return vtable; return vtable;

23
static/katex.less
View File

@@ -241,12 +241,6 @@
display: table-row; display: table-row;
} }
.vlist-s {
display: table-cell;
vertical-align: bottom;
font-size: 0.05em;
}
.vlist { .vlist {
display: table-cell; display: table-cell;
vertical-align: bottom; vertical-align: bottom;
@@ -268,6 +262,23 @@
} }
} }
.vlist-t2 {
margin-right: -2px;
}
.vlist-s {
// This cell solves Safari rendering problems. It has text content, so
// its baseline is used for the table. A very small font avoids line-box
// issues; absolute units prevent user font-size overrides from breaking
// rendering. Safari refuses to make the box zero-width, so we give it
// a known width and compensate with negative right margin on the
// inline-table.
display: table-cell;
vertical-align: bottom;
font-size: 1px;
width: 2px;
}
.msupsub { .msupsub {
text-align: left; text-align: left;
} }