263230 - <tr style="display:inline"> is not being rendered as it should

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Sybe]

User-Agent:       Mozilla/5.0 (Windows; U; Win98; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
Build Identifier: Mozilla/5.0 (Windows; U; Win98; rv:1.7.3) Gecko/20041001 Firefox/0.10.1

See the give url: http://www.taka.nl/mozbug/compact.htm

It seems that for table rows that have style="display:inline" are not rendered
correctly. I am not completely sure how it should be rendered, but
http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop states that the default
value for display is "inline". In Firefox, style="display:inline" renders
differently then the default (no style), and the result in Firefox is quite
ugly. The alternative, style="display:compact" seems ok. 


Reproducible: Always
Steps to Reproduce:
view this HTML code in the browser:

===============================
<table border="1">
	<tr>
		<td colspan="5">this table has rows with "display:inline"</td>
	</tr>

	<tr style="display:inline">
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
	</tr>
	<tr style="display:inline">
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
	</tr>
	<tr style="display:inline">
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
		<td>test test test</td>
	</tr>
</table>
=======================

The effect is identical when setting the display style of the rows to inline
using javascript. 

document.geteElementById('some_table_row').display='inline';


There is an easy work-around in javascript by setting the display style to ''.

document.geteElementById('some_table_row').display='';

Actual Results:  
ugly rendering

Expected Results:  
nice rendering

Comment 1

[Bill Mason]

The default display value of a table row is table-row, not inline.