v63.0 text in <ul> flexbox is wrapping unexpectedly

[endaxi]

In v62.x, the output from ticket.html looks like ticket.pdf, but in v63.0 it looks like this:

The highlighted text is wrapping as it is not being given enough room to fit on one line.

[liZe]

Thanks a lot for the report.

The bug has been introduced by bfeefa4.

To be honest, fixing this regression will either break the new cases handled by #2231 or introduce new regressions. Let’s keep it the code this way, with the regression, until we rewrite the whole flex layout code.

For the record: here’s the most simple sample I’ve found to reproduce the problem. It includes 3 levels of nested flex items, mixing row and column directions, and a nice box-sizing: border-box property.

<style>
body {
  display: flex;
}
section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-left: 100px;
}
div {
  display: flex;
}
</style>
<section>
  <div>
    <span>a b</span>
  </div>
</section>