From BlinkOn 16 - Fred Wang presents work done in MathML since previous BlinkOn and remaining tasks before intent-to-ship. (c) BlinkOn 16 Virtual Event, May 18 - 19, 2022 https://www.chromium.org/events/blinkon-16/

1. Remainder estimate for
MathML integration
Frédéric Wang fwang@
BlinkOn 16, May 2022
1

2. Preliminary
Analysis
🧑🏾‍🔬
2

3. Independance Day (1776)
√Independance Day of USA ≈ 42
3

4. Springtime of Peoples (1848)
sqrt{mtext{Springtime of Peoples}} = {
42 +
frac{1}
{displaystyle{
1 +
frac{1}{displaystyle{
{2×42} +
frac{1}{displaystyle{
1 +
frac{1}{displaystyle{
{2×42} +
⋱
}}
}}
}}
}}
}
4

5. formula (1735)
{{color{red} {int_{m}^n {text{foo}(x)}{dx}}} = {
{color{green}{sum_{i={m+1}}^n {text{foo}(i)}}} -
{color{blue} sum_{k=1}^p {frac{B_k}{k!} {left(
{text{foo}^{(k-1)}(n)} - {text{foo}^{(k-1)}(m)}
right)}}}} - {color{purple}{R_p}}}
1. Integration of color{red} mtext{foo}?
2. Estimation of the remainder {color{purple}{R_p}}?
3. Suitable value of {color{blue}{p}}?
Euler–Maclaurin
5

6. Fun facts?
{color{green}{sum_{i={m+1}}^n {text{foo}(i)}}} =
{{{color{red} {int_{m}^n {text{foo}(x)}{dx}}} +
{color{blue} sum_{k=1}^p {frac{B_k}{k!} {left(
{text{foo}^{(k-1)}(n)} + {text{foo}^{(k-1)}(m)}
right)}}}} + {color{purple}{R_p}}}
First computer program of history (Ada Lovelace,
1843)
👉🏽 of the {color{blue}{B_k}}
The Art of Computer Programming (Donald Knuth,
1968)
Calculation
6

7. The remainder
of the work
👷‍♀️
7

8. 2019 roadmap
✅ (🐜min/max content width)
✅ (🦗mirroring of stretchy operators)
✅ (🦟required an update)
🚧 (🐞alignments, line breaking and other
bugs)
Stretchy operators
dir
Operator dictionary
Tables
8

9. Other tasks
👀Interoperability ( , ...)
👀CSS compatibility
👀Security (crashes, assertions, fuzzing...)
✅ (🪲was not implemented)
✅ (🪰was a hardcoded family
name)
❌
spec tests
ink metrics
font-family: math
intent-to-ship
9

10. Filling the gaps
on ink metrics
✒️
10

11. Spot the differences
11

12. Spot the differences
12

13. Blink: background uses the ink metrics
Food for thought
13

14. Solving font-family
problems
👪
14

15. The <math> problem
Need fonts with special glyphs & layout parameters.
Inherited text is generally not designed for math.
Solution: default to font-family: math on
<math> elements !
15

16. The font problems
Prepare for new generic families
Write design documents ( , )
Refactor code inherited from WebKit
Improve test coverage for generic names
Implement font-family: math
Blink's support
Preferences and user interface
devtools/extension APIs
⚠️Font preferences not implemented on Android
⚠️Not all systems have a pre-installed math font
1 2
16

17. chrome://settings/fonts
17

18. Other issues
on the table
┏━━┓
18

19. rotate3d matrix (with mrow)
(1−2(Y2+Z2)S2 2(XYS2−ZSC) 2(XZS2+YSC) 0 2(XYS2+ZSC) 1−
mtd { text-align: -webkit-center; } // from UA she
mtd { border: 1px dashed red; }
mtd > * { border: 1px dashed blue ; }
19

20. rotate3d matrix (without mrow)
(1−2(Y2+Z2)S2 2(XYS2−ZSC) 2(XZS2+YSC) 0 2(XYS2+ZSC) 1
20

21. Moar food for thought
1. Use anonymous <mrow> for <mtd> cell?
2. MathML elements take fully available inline size...
except inline <math>!
21

22. Integration into
official releases
∰
22

23. The finish line
1. Igalia to focus on table issues in upcoming months 🔬
2. Intent-to-ship at the Web Engines Hackfest in June
2022? 🚢
3. and fine-tuning 🎉
Enable MathMLCore
23

24. ¿ Questions ?
24

25. 25