Closed Bug 1563147 Opened 5 years ago Closed 2 years ago

content attribute with a float is pushing content outside of the table cell.

Categories

(Core :: Layout: Tables, defect, P3)

68 Branch
Unspecified
Android
defect

Tracking

()

RESOLVED WORKSFORME
Tracking Status
firefox68 --- affected
firefox69 --- affected

People

(Reporter: karlcow, Unassigned)

References

()

Details

Attachments

(1 file)

This was initially reported on https://webcompat.com/issues/33146
as a layout breaking the wellington airport flight list page.

I created a reduced test case.
https://codepen.io/webcompat/pen/wLjRvm

<style>
.table__cell::before {
  content: attr(data-title);
  float: left;
  width: 99%;
  background-color: gold;
}

td {
  background-color:pink;
}
</style>

<table>
  <tbody>
    <tr>
      <td data-title="From" class="table__cell">Tokyo</td>
    </tr>
  </tbody>
</table>

I'm not sure what is the right behavior here.

Testcase now agrees in browsers, so this is fixed.

Status: NEW → RESOLVED
Closed: 2 years ago
Webcompat Priority: revisit → ---
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: