1352761 - Wide float prevents following contents from being in ::first-line

Status: NEW

(Core :: Layout, enhancement, P3)

Description

[Oriol Brufau [:Oriol]]

Attachment: testcase

According to https://www.w3.org/TR/CSS21/visuren.html#floats,

> If a shortened line box is too small to contain any content,
> then the line box is shifted downward

So if you have a block container with ::first-line whose first child is a wide float which makes the following text move downwards, the text is still in the first line box, so it should be affected by ::first-line.

It works on Edge and Chrome, but not on Firefox.

    <style>
    div {
      color: red;
    }
    div::first-line {
      color: green;
    }
    div::before {
      content: '';
      float: left;
      height: 1px;
      width: 100%;
  }
    </style>
    <div>I should be green</div>