Closed Bug 322609 Opened 19 years ago Closed 16 years ago

Collapsed borders invisible in tbody with overflow: scroll;

Categories

(Core :: CSS Parsing and Computation, defect)

Product:
Core
Component:
CSS Parsing and Computation
Version:
1.8 Branch
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
minor

Tracking

()

Status:
RESOLVED DUPLICATE of bug 443818

People

(Reporter: masp001, Unassigned)

Details

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8) Gecko/20051111 Firefox/1.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8) Gecko/20051111 Firefox/1.5

The following replicates the problems:

<html>
<head>
<style type="text/css">

	table {
		border-collapse:collapse;
		background:	#EEE;
	}

	.scroll {
		height: 	100px;
		overflow: 	scroll;
	}

	tr {
		background:	#FEF;
	}

	td {
		padding:	8px;
		border:		8px solid white;
	}
		
</style>
</head>
<body>
My objective was to create a table with a row of headers and a vertically scrollable body.
<br><br>This is the basic table with collapsed borders (No scrolling yet):
<table>
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody>
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
We use a pink background and white borders:
<pre>
	tr {
		background:	#FEF;
	}

	td {
		padding:	8px;
		border:		8px solid white;
	}
</pre>

<br>Now let's define a scroll class:
<pre>
	.scroll {
		height: 	100px;
		overflow: 	scroll;
	}
</pre>
Below is the same table with the scroll class added to the tbody:
<pre>
	&lt;tbody class=scroll>
</pre>
<table>
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody class=scroll>
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
We observe that the white borders are lost.

<br><br>Now we use separate borders:
<table style="border-collapse: separate;">
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody class=scroll>
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
It seems to work fine with separate borders.

<br><br>Now let's put the scroll class on the table instead of the tbody.
(The table has collapsed borders.)
<pre>
	&lt;table class=scroll>
</pre>
<table class=scroll>
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody>
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
	<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
We observe that the height and overflow:scroll properties are ignored. Is this by design?

</body>
</html>

Reproducible: Always

Steps to Reproduce:
- see details -
Actual Results:  
td borders are not there
table ignores overlap:scroll CSS property
Reporter, do you still see this problem with the latest Firefox 2? If not, can you please close this bug as WORKSFORME. Thanks!
Whiteboard: CLOSEME 06/27
Version: unspecified → 1.5.0.x Branch
I still observe the same problem (on 2.0.0.4).
Whiteboard: CLOSEME 06/27
Version: 1.5.0.x Branch → 2.0 Branch
Component: General → Style System (CSS)
Product: Firefox → Core
QA Contact: general → style-system
Version: 2.0 Branch → 1.8 Branch
Status: UNCONFIRMED → RESOLVED
Closed: 16 years ago
Resolution: --- → DUPLICATE
Summary: Collapsed borders invisible in tbody with overlap: scroll; → Collapsed borders invisible in tbody with overflow: scroll;
You need to log in before you can comment on or make changes to this bug.