<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Support for multiple alignment values for tabular columnalign and rowalign attributes"
href="https://bugs.webkit.org/show_bug.cgi?id=160075">160075</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Support for multiple alignment values for tabular columnalign and rowalign attributes
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>All
</td>
</tr>
<tr>
<th>URL</th>
<td>https://www.w3.org/TR/MathML/chapter3.html#presm.tabmat
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>MathML
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>fred.wang@free.fr
</td>
</tr>
<tr>
<th>CC</th>
<td>alex@igalia.com, distler@golem.ph.utexas.edu, rego@igalia.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=284310" name="attach_284310" title="Testcase columnalign">attachment 284310</a> <a href="attachment.cgi?id=284310&action=edit" title="Testcase columnalign">[details]</a></span>
Testcase columnalign
Our columnalign and rowalign support currently relies on the following CSS rules:
/* Use inline-block for children so that the text-align property is taken into account */
mtd > * {
display: inline-block;
}
mtable[columnalign="left"], mtr[columnalign="left"], mtd[columnalign="left"] {
text-align: left;
}
mtable[columnalign="right"], mtr[columnalign="right"], mtd[columnalign="right"] {
text-align: right;
}
mtable[rowalign="top"] mtd, mtable mtr[rowalign="top"] mtd, mtable mtr mtd[rowalign="top"] {
vertical-align: top;
}
mtable[rowalign="bottom"] mtd, mtable mtr[rowalign="bottom"] mtd, mtable mtr mtd[rowalign="bottom"] {
vertical-align: bottom;
}
mtable[rowalign="center"] mtd, mtable mtr[rowalign="center"] mtd, mtable mtr mtd[rowalign="center"] {
vertical-align: middle;
}
These only handle the basic cases. MathML tables are closer to LaTeX than to HTML and allows multiple alignment rules to be specified in a single attribute.
I'm attaching a testcase from Mozilla's testsuite demonstrating the issue. More can be found at <a href="https://dxr.mozilla.org/mozilla-central/source/layout/reftests/mathml/">https://dxr.mozilla.org/mozilla-central/source/layout/reftests/mathml/</a>
I think the case of columnalign is particularly important for aligned equations. I noticed it on Wikipedia and Jacques Distler reported the issue too for itex2MML/Instiki.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>