[CSS] Width of pre-wrapped inline text in a table is too short by padding-right
Categories
(Core :: Layout: Block and Inline, defect)
Tracking
()
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.
Comment 1•4 years ago
|
||
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.
Description
•