Problems with 'overflow: scroll' on tbody

Bug #235006 reported by Felx
6
Affects Status Importance Assigned to Milestone
Mozilla Firefox
Invalid
Medium
firefox-3.0 (Ubuntu)
Triaged
Low
Unassigned

Bug Description

Binary package hint: firefox-3.0

ubuntu 8.04
firefox-3.0 b5

I have a tbody that scrolls vertically (overdlow-y: auto). The rows inside tbody are zebra-striped, i.e. they have alternating background colors. When scrolling vestiges of the zebra striping appear above and below the tbody element. These vestiges disappear when scrolling the entire page but pop up again once the tbody element is scrolled.

The same page works fine in firefox 2 btw.

ProblemType: Bug
Architecture: amd64
Date: Mon May 26 17:44:32 2008
DistroRelease: Ubuntu 8.04
Package: firefox-3.0 3.0~b5+nobinonly-0ubuntu3
PackageArchitecture: amd64
ProcEnviron:
 PATH=/home/User Name/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games
 LANG=en_US.UTF-8
 SHELL=/bin/bash
SourcePackage: firefox-3.0
Uname: Linux 2.6.24-17-generic x86_64

Tags: apport-bug
Revision history for this message
In , Bugzilla-lojjic (bugzilla-lojjic) wrote :

Created an attachment (id=77504)
Testcase showing bug

Revision history for this message
In , Amar (amar-auto) wrote :

 Adding testcase Keyword.

Revision history for this message
In , Ajschult (ajschult) wrote :

the testcase crashes for me on Linux. filed bug 149909

Revision history for this message
In , Jacobs (jacobs) wrote :

Verified that this bug still occurs in the 1.2.1 release.
Our table renderer is tuned for border-collapse: collapse;,
so it would be nice to get this one fixed.

Revision history for this message
In , Bernd (bernd-mozilla) wrote :

*** Bug 189583 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Bzbarsky (bzbarsky) wrote :

This is an interesting one... in border-collapse:collapse mode, the borders
belong to the table, not the cells. It's not clear what the scrolling behavior
should be.

Revision history for this message
In , Jacobs (jacobs) wrote :

"in border-collapse:collapse mode, the borders belong to the table, not the cells.
It's not clear what the scrolling behavior should be."?!?

I'll beg to differ on this one -- it is the tbody block that is scrolling, not
the cells. Thus, I think that the correct behavior is quite clear.
Besides, ask any user -- they'll tell you without equivocation what behavior
_they_ expect (and demand!), even if the standards are unclear.

Revision history for this message
In , Roc-ocallahan (roc-ocallahan) wrote :

> Besides, ask any user -- they'll tell you without equivocation what behavior
> _they_ expect

That would be helpful except that typically, each user expects a *different*
behavior :-).

Revision history for this message
In , Jacobs (jacobs) wrote :

In many cases I'd agree that users tend to expect strange and non-intuitive
things. However, in this case I believe it is fairly clear cut. We
(my company) is holding back from releasing versions of our products
that support Mozilla until this bug and the related sizing problems
with scrolling tbodies are fixed.

Just our 2cents, but those pennies do add up.

Revision history for this message
In , Bugzilla-lojjic (bugzilla-lojjic) wrote :

Boris, could you please elaborate on what you mean by "the borders
belong to the table, not the cells"? Do you mean this is how it is currently
treated in Gecko's architecture, or is there some wording in the CSS spec to
that effect (I couldn't find any)? In either case it's perhaps a bit
counterintuitive because the borders are explicitly set on the *cells* in the
CSS ( td {border:1px dotted blue;} ), not any other part of the table.

I can see though that this is more complicated than it appears at first, and
brings up issues that may not have been thought of when the spec was defined.
For instance, the border-collapse:collapse scheme says that borders that meet
are combined in a very clearly defined way. But when you scroll the <tbody>,
all of a sudden you are separating certain borders (i.e. those that meet between
the <thead>/<tfoot> and <tbody>). Or actually you are creating a situation in
which borders may be meeting at some times and not meeting at others. Take the
top of a <tbody> with overflow:auto where it meets the bottom of the <thead>:
when scrolled to the top the borders meet (and you would expect the
collapsing-borders rules to apply) but when scrolled down a way those borders no
longer meet and are effectively separated.

While it may seem obvious from the viewpoint of a web developer who wants it to
"just work", these kinds of details that implementors have to deal with are not
nearly so obvious.

Perhaps this should be brought up to the CSS WG.

Revision history for this message
In , Bzbarsky (bzbarsky) wrote :

> Do you mean this is how it is currently treated in Gecko's architecture

Yes.

> is there some wording in the CSS spec

Not explicitly, but the spec _does_ say that the borders do not quite belong to
the individual cells (as in, the border between two cells depends on both of
their borders in a complicated way).

And of course there's the problem with thead/tfoot that you point out...

> Perhaps this should be brought up to the CSS WG.

Which? The fact that the border-collapse model is pretty incompatible with
everything else in CSS2? I think glazou is bringing that up in the WG per our
conversation last night...

Revision history for this message
In , Bzbarsky (bzbarsky) wrote :

*** Bug 192080 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Karnaze (karnaze) wrote :

mass reassign to default owner

Revision history for this message
In , Minghong (minghong) wrote :

When will this bug be fixed? It was filed 2 years ago.
I'd like to scroll my tbody and single line table looks nicer. Unless there is
another method to create single line table without using border-collapse, I
would like to see this bug fixed.

Revision history for this message
In , Bzbarsky (bzbarsky) wrote :

This bug will be fixed when someone has time and desire to fix it (and when the
CSS spec becomes somewhat clear as to what the "right" behavior is).

Thank you for volunteering.

Revision history for this message
In , Filtermyspam (filtermyspam) wrote :

(In reply to comment #14)
> When will this bug be fixed? It was filed 2 years ago.
> I'd like to scroll my tbody and single line table looks nicer. Unless there is
> another method to create single line table without using border-collapse, I
> would like to see this bug fixed.

you can achieve a 1-pixel table-cell border through non-CSS means (or partially
CSS means). set the background color of the table to the desired border color,
and the TD background the desired background. use border=0 and cellspacing=1
for attributes. hackish, but it works.
for example:
<STYLE>
TABLE { background: black; }
TD { background: white; }
</STYLE>
<TABLE BORDER=0 CELLSPACING=1>
<TR><TD> ... etc etc ... </TD></TR>
</TABLE>

----------
its worth a shot, although unfortunately, there are massive other issues with
scrolling TBODYs (cells dont align, size of table shifts around as you're
scrolling, etc.) hopefully somebody will take a peek at this bug in the near
future...

Revision history for this message
In , Bernd (bernd-mozilla) wrote :

*** Bug 295859 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Bernd (bernd-mozilla) wrote :

*** Bug 302408 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Bernd (bernd-mozilla) wrote :

*** Bug 355374 has been marked as a duplicate of this bug. ***

Revision history for this message
Felx (felix-hageloh) wrote :

Binary package hint: firefox-3.0

ubuntu 8.04
firefox-3.0 b5

I have a tbody that scrolls vertically, i.e overdlow-x: auto. The rows inside tbody are zebra-striped, i.e. they have alternating background colors. When scrolling vestiges of the zebra striping appear above and below the tbody element. These vestiges disappear when scrolling the entire page but pop up again once the tbody element is scrolled.

The same page works fine in firefox 2 btw.

ProblemType: Bug
Architecture: amd64
Date: Mon May 26 17:44:32 2008
DistroRelease: Ubuntu 8.04
Package: firefox-3.0 3.0~b5+nobinonly-0ubuntu3
PackageArchitecture: amd64
ProcEnviron:
 PATH=/home/User Name/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games
 LANG=en_US.UTF-8
 SHELL=/bin/bash
SourcePackage: firefox-3.0
Uname: Linux 2.6.24-17-generic x86_64

Revision history for this message
Felx (felix-hageloh) wrote :
Revision history for this message
Si&#233;me (michael-calwell-computing) wrote :

I can confirm I have the same problem.

Felx (felix-hageloh)
description: updated
Revision history for this message
Alexander Sack (asac) wrote : Re: [Bug 235006] Re: Problems with 'overflow: scroll' on tbody

On Tue, May 27, 2008 at 09:43:45AM -0000, Felx wrote:
> ** Description changed:
>
> Binary package hint: firefox-3.0
>
> ubuntu 8.04
> firefox-3.0 b5
>
> - I have a tbody that scrolls vertically, i.e overdlow-x: auto. The rows
> + I have a tbody that scrolls vertically (overdlow-y: auto). The rows
> inside tbody are zebra-striped, i.e. they have alternating background
> colors. When scrolling vestiges of the zebra striping appear above and
> below the tbody element. These vestiges disappear when scrolling the
> entire page but pop up again once the tbody element is scrolled.
>
> The same page works fine in firefox 2 btw.

Do you see any bug about this in bugzilla.mozilla.org?

thanks

 status incomplete

 affects firefox
 status incomplete

 - Alexander

Changed in firefox-3.0:
status: New → Incomplete
Revision history for this message
Felx (felix-hageloh) wrote :

Yes actually I just found this:

https://bugzilla.mozilla.org/show_bug.cgi?id=135236

seems to be the same bug.

Revision history for this message
Si&#233;me (michael-calwell-computing) wrote :

I seem to have got round the problem by enclosing the whole table in a div : <div style="overflow:hidden;" ></div>

Revision history for this message
Felx (felix-hageloh) wrote :

Yes that did the trick for me as well. Great, thanks for sharing :)!

Alexander Sack (asac)
Changed in firefox:
importance: Undecided → Unknown
status: Incomplete → Unknown
Changed in firefox-3.0:
importance: Undecided → Low
status: Incomplete → Triaged
Changed in firefox:
status: Unknown → Confirmed
Revision history for this message
In , Bzbarsky (bzbarsky) wrote :

*** Bug 424585 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Cjcypoi02 (cjcypoi02) wrote :

Created an attachment (id=328223)
Minimal Testcase #2 (from Bug 424585)

In this testcase no col elements are used, and the bug make worse. Also background is affected. See the testcase for a better description.

Related bugs: bug 317137, bug 423823, bug 439639

Revision history for this message
In , Cjcypoi02 (cjcypoi02) wrote :

Does this bug happen only on Windows or also with other OSes?

Requesting blocking or wanted flags for Fx 3.1

Revision history for this message
In , Cjcypoi02 (cjcypoi02) wrote :

*** Bug 224613 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Janmoesen--bugzilla-+spamtrap (janmoesen--bugzilla-+spamtrap) wrote :

> Does this bug happen only on Windows or also with other OSes?
Also on Mac.

Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.0.1pre) Gecko/2008061904 Firefox/3.0pre

(Wow, out of date, anyone? But there have not been any check-ins, anyway.)

Revision history for this message
In , Cjcypoi02 (cjcypoi02) wrote :

(In reply to comment #24)
> rv:1.9.0.1pre

It's not the latest trunk, can you retest on it?

> Wow, out of date, anyone?

Probably this bug will not be fixed until W3C will define clearly in CSS3 specs for table layout (read comments above).

Revision history for this message
In , Antoine-mechelynck-gmail (antoine-mechelynck-gmail) wrote :

Duplicate bugs 224613, 355374 are on Linux, comment #24 on Intel Mac => PC/All
If you can reproduce on PPC mac, change Hardware to All.

Revision history for this message
In , Phiw (phiw) wrote :

*** Bug 456789 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Florent Guiliani (florent-guiliani) wrote :

When I look at the test cases, it's obvious that:
 - border shouldn't outfit table
 - border should scroll with cells
...despite any standard approximation.

Revision history for this message
In , Ganesh-gpsjava (ganesh-gpsjava) wrote :

Came across this bug when trying to implement a scrolling table. Used the cellspacing solution of artemy (see above), but with border-spacing in css instead, so I could use a user agent detection. Works great!

Revision history for this message
In , Bzbarsky (bzbarsky) wrote :

*** Bug 443818 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Phiw (phiw) wrote :

*** Bug 498720 has been marked as a duplicate of this bug. ***

Revision history for this message
In , Frederic-fanchamps (frederic-fanchamps) wrote :

I'm a developper and have reported 498720 marked as duplicate. I don't know if it is exactly a duplicate: I don't ask for collapse option (or are they default?).
I just see that "rules" are displayed as if no height at all is defined for tbody, and that they don't scroll at all with the tbody.
Answer in 2003 was: "It's not clear what the scrolling behavior
should be."
There are 2 problems:
-A- rules are displayed as if no height at all is defined for tbody
-B- rules don't scroll with the tbody
Excuse me but the correct behavior IS well clear for both, nothing to do with strange user requirements.
I can understand that firefox is developped on a volunteer basis and that the bug is difficult to correct (however 7 years after first report and from the marketing point of view in a totally rewritten version)
But I can not understand that the reason is <<It's not clear what the scrolling behavior should be.>> even more for part -A- where no scrolling at all is involved.
I wanted to present firefox as a enterprise solution to replace some LotusNotes and SAS screens but I am very disappointed.
Fred

Revision history for this message
In , Cjcypoi02 (cjcypoi02) wrote :

Frederic, please see testcases at the "Attachment" section. Bug 498720 is clearly a duplicate.

Revision history for this message
In , Cjcypoi02 (cjcypoi02) wrote :

Created an attachment (id=383730)
Minimal Testcase #3 (from Bug 424585)

a little fix to the old testcase

Revision history for this message
In , Frederic-fanchamps (frederic-fanchamps) wrote :

Ok Lucas thanks for the info.
I thought the rendering engine was completely rewritten so I am surprised by the fact that a bug of 2002 still exist as it was.
Or was only part of the engine rewritten?
Frederic

Revision history for this message
In , Cjcypoi02 (cjcypoi02) wrote :

The problem is CSS specs are not very clear for this behaviour. Firefox can add a workaround, but for what I understood this bug is not so popular and serious. See Comment #11

Revision history for this message
In , Bernd (bernd-mozilla) wrote :

this behavior will change if the scrolling is disabled due to bug 28800

Revision history for this message
In , L. David Baron (dbaron) wrote :

*** Bug 532374 has been marked as a duplicate of this bug. ***

Revision history for this message
In , L. David Baron (dbaron) wrote :

(In reply to comment #37)
> this behavior will change if the scrolling is disabled due to bug 28800

Should we mark this as worksforme or fixed or invalid now?

Revision history for this message
In , Roc-ocallahan (roc-ocallahan) wrote :

I think INVALID.

Changed in firefox:
status: Confirmed → Invalid
Changed in firefox:
importance: Unknown → Medium
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.