Open Bug 1637850 Opened 4 years ago Updated 4 years ago

[CSS] Width of pre-wrapped inline text in a table is too short by padding-right

Categories

(Core :: Layout: Block and Inline, defect)

defect

Tracking

()

Tracking Status
firefox76 --- affected
firefox77 --- affected
firefox78 --- affected

People

(Reporter: clement.pit, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101 Firefox/68.0

Steps to reproduce:

Consider the following layout:

<!DOCTYPE html>
<html>
  <head>
    <title>table and inline padding</title>
  </head>
  <body>
    <div style="display: table;">
      <div style="white-space: pre-wrap;"><span style="padding-right: 1rem;">ab c
def</span></div>
    </div>
  </body>
</html>

Actual results:

The text is rendered like this:

ab
c
def

Adding width: max-content on the inner div doesn't change anything. Removing the right-padding fixes the issue.

Expected results:

The text should be rendered like this:

ab c
def

The contents of the inner div should be rendered on two lines (no line wrapping should be introduced). The right-padding shouldn't cause wrapping.

I may be misunderstanding the standard? In any case, Chromium renders this example on two lines, as expected.

Summary: [CSS] Width of pre-wrapped inline text in a table is too short padding-right → [CSS] Width of pre-wrapped inline text in a table is too short by padding-right

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

Hi,

I have managed to reproduce this issue on Release version 76, Beta 77.0b7 and latest Nightly 78.0a1 (2020-05-17) using Windows 10 and Ubuntu 18.04.

Further, I will move this over to a component so developers can take a look over it. If this is not the correct component please feel free to change it to an appropriate one.

Thanks for your report.

Severity: -- → S3
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout: Block and Inline
Ever confirmed: true
OS: Unspecified → All
Product: Firefox → Core
Hardware: Unspecified → All
Version: 68 Branch → Trunk
You need to log in before you can comment on or make changes to this bug.