Bug 12522 – Run-in prints very bad (lines on top of each others)

• Component: Layout and Rendering
• Status: RESOLVED CONFIGURATION CHANGED

[David Latapie]

This bug is pretty weird: it works on print, but impact a posteriori on screen

The following attached file should appear like this:

Endurance Die: d10
Base Speed: 30′

By the way, notice it is impossible to “select all” with Opera (because of support is so bad with it, I did not even try with Firefox 3); only Safari may do so.

Now, to trigger the bug, just print out the file as a PDF. The output will be jumbled, with the “dd” *on top* of the “dt”. Icing on the cake, the screen rendering will be *retroactively* jumbled as well.

This is not a new bug; I noticed it a while ago, but didn't feel like reporting before because I had so much other bugs to report too :-)

For the record, Opera 9.10 prints it correctly.

[David Latapie]

Created attachment 12845 [details]
Reduced test-case

For quick reference, the code that matters:

CSS
dl.run-in, dl.run-in dd		{margin:0}
dl.run-in dt				{display:run-in}
dl.run-in.colon	dt:after	{content:": "}
dt, dt:after				{font-weight:bold;font-size:105%}

XHTML
<dl class="run-in colon">
	<dt>Endurance Die</dt>
	<dd>d10</dd>
	<dt>Base Speed</dt>
	<dd>30&#8242;</dd>
</dl>

[David Latapie]

Also check <a href="http://bugs.webkit.org/show_bug.cgi?id=12716">this bug (12716)</a>, which offer an interesting screenshot.

[Robert Blaut]

Confirmed in Webkit r30628 in Leopard. 

Step by step procedure to reproduce bug:
1) Open attached test case,
2) Choose File -> Print...
3) Close opened window.

Expected result:
The text on the page should be the same as in step 1

Current result:
The test is mixed.

Related to bug 12716.

[Frances Cornwall]

The attached file renders correct in Safari 17.4.1.

[Alexey Proskuryakov]

Thank you I also cannot reproduce.