<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 - Table cells with colspan containing block or inline with writing-mode vertical are too small/big"
href="https://bugs.webkit.org/show_bug.cgi?id=168162">168162</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Table cells with colspan containing block or inline with writing-mode vertical are too small/big
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari Technology Preview
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>macOS 10.12
</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>Tables
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>michael@dayah.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=301247" name="attach_301247" title="Simple test case">attachment 301247</a> <a href="attachment.cgi?id=301247&action=edit" title="Simple test case">[details]</a></span>
Simple test case
Cells in a table that are 1) beneath a colspanned cell and 2) have writing-mode: vertical applied behave incorrectly in different ways depending on whether the element with writing-mode applied is block or inline. If the contained element is inline, the cell is stretched horizontally as if allocating space for the element if it were still horizontal. If the contained element is block, the element spills out of the table and into adjoining cells.</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>