[csswg-drafts] table-row baseline alignment (#5148)

gsnedders has just created a new issue for https://github.com/w3c/csswg-drafts:

== table-row baseline alignment ==
See https://codepen.io/gsnedders/pen/VweZobe, which has the following:

```css
table {
  display: inline-table;
}
td {
  vertical-align: baseline;
  outline: 3px solid blue;
}
td:first-child, div {
  width: 100px;
  height: 100px;
}
```

```html
xxx
<table>
  <tr>
    <td>
    <td>Cell 2
</table>
yyy
```

Note that if you add `<div></div>` to the first table-cell the rendering significantly changes in both Gecko, Blink, WebKit, and Presto.

With the `div` I get the behaviour I expect; without it I cannot justify the behaviour from either CSS2 or CSS Table 3.

Per spec, I'd expect the row baseline to be at the bottom of the cell in both cases: the row's baseline is set by the lowest cell baseline, and in both cases that should be the first cell, in both cases it should be the bottom edge of the content box.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5148 using your GitHub account

Received on Tuesday, 2 June 2020 15:13:35 UTC