Bug 124527 – Spaces between inline elements with parent with `display: table-row` get ignored (unlike Gecko, Trident)

• Status: NEW
• Component: New Bugs

[Alan Hogan]

Webkit Version       : 7.0 (9537.71, 538+)
Other browsers tested: 
     Chrome 31: FAIL
     Firefox stable: OK
     IE 9: OK

What steps will reproduce the problem?
1. Give an element (e.g. <span>) display: table-row;
2. Give that span some content including some plain text and some sequential, but space-separated, inline elements that retain their display: inline; default (not display: table-cell). (Can be confirmed with the inspector)

What is the expected result?
The entire table-row acts as one table-cell with regards to layout (which it does), and with regards to how its content is displayed.


What happens instead?
While the table-row does not create a table-cell for each child, the whitespace is parsed in a fashion such that spaces separating child elements is lost, although spaces between child elements and text nodes is not.

Additional info:
Only Webkit and Blink have this bug. Gecko and Trident do not.

It doesn’t make sense, to me, that `display: table-row` would have the effect observed. The contents of the element are not rendered like table-cells; there’s no alignment of “cells” between “rows” (double-up the spans and change content to observe); each inline element (`del`, `ins`) has `display: inline` when inspected; text nodes are rendered in order without being awkwardly added to a table. So it “shouldn’t” affect HTML parsing like this. 

Am attaching a Firefox screen shot and a Webkit Nightly screen shot. Note the lack of space after “two,” in the buggy screen shot.

Test case at http://codepen.io/alanhogan/pen/JsBuj

Filed against Blink at https://code.google.com/p/chromium/issues/detail?id=320751

Observed in stable builds.
Confirmed in Webkit Nightly, Version 7.0 (9537.71, 538+)

[Alan Hogan]

Created attachment 217212 [details]
Failing screen shot (Webkit Nightly)

[Alan Hogan]

Created attachment 217214 [details]
Passing screen shot (Firefox)

[Ahmad Saleem]

I am able to reproduce this bug in Safari Technology Preview 153, where the "two" and "three" don't have space with table-row and it matches with Chrome Canary 107, which marked the bug as "Unconfirmed", in case of Firefox Nightly 106, there is a space between "two," <SPACE> "three" similar to the screenshot.

Tagging others for their input. Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/99828639>

[Alan Hogan]

I’m not so sure that this is a bug at all, actually. Normal HTML tables ignore whitespace between cells. Not sure what the specs say about display: table-row and how that affects whitespace.