2003762 - Text overflows from th when writing-mode: vertical-lr and rowspan is more than 1

Status: UNCONFIRMED

(Core :: CSS Parsing and Computation, defect)

Description

[Vasily Chinarev]

Attachment: How it looks currently in Firefox 145.0.2 macOS aarch64

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:145.0) Gecko/20100101 Firefox/145.0

Steps to reproduce:

Have a <th> tag with rowspan="2" or more and writing-mode: vertical-lr

Playground link: https://developer.mozilla.org/en-US/play?id=378Ju%2B%2BnDIZ%2BmvpAK9JrER%2FJeeyyM%2B7KEQ9UIC3XIDNgu2TWP2lopFgQ8LXzdjVVqhiC54hR4PFqFCcE

<table>
  <thead>
    <tr>
      <th rowspan="2" class="vertical-lr">Vertical LR</th>
      <th>1</th>
    </tr>
    <tr>
      <th>2</th>
    </tr>
  </thead>
  
</table>

.vertical-lr {
  writing-mode: vertical-lr;
}

table {
  border-collapse: collapse;
}
td,
th {
  border: 2px black solid;
  padding: 4px;
}
th {
  background-color: lightgray;
}

Actual results:

The <th> size doesn't seem to take into account the text within, and text overflows from <th>

Expected results:

It should work like any normal <th> and resize with text.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.