216167 - border-collapse with fixed background breaks block-level children

Status: RESOLVED FIXED

(Core :: Layout: Tables, defect)

Description

[Bryan Mills]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4b) Gecko/20030516 Mozilla Firebird/0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4b) Gecko/20030516 Mozilla Firebird/0.6

*IF border-collapse: collapse is set,*
Non-fixed backgrounds and borders of child elements of table elements with fixed
backgrounds (e.g. tr and td, see example code to follow) do not display, and are
instead overridden by the parent's fixed background.
However, non-fixed background of td overrides fixed background of parent tr.

Reproducible: Always

Steps to Reproduce:
1. View example code (to follow)
2.
3.
Actual Results:  
Table 1:
Row 1 displays background image for div.
Row 2, column 1 displays correctly.
Row 2, column 2 displays background image for div.
Table 2:
Displays correctly.  Column 1 has border around each element, column 2 has
border around each element and border around both elements (correctly).
Table 3: Column 1 shows td's scroll background (overriding tr's fixed
background) in div instead of div's background.  Column 2 shows tr's background
for div element (instead of div's scroll background).
Table 4: Column 1's td background correctly overrides tr's background, but div's
border is still missing.  Column 2 displays correctly (div's background
overrides tr's background).
Table 5: Correct. all elements black with blue border (possibly with some image
background *outside* the border), but row 2 column 1 does not have image background.

Expected Results:  
Table 1: all elements should be black with blue border (possibly with some image
background *outside* the border), but row 2 column 1 should not have image
background.
Table 2: as rendered (see above)
Table 3: Column 1 should have black background and blue border on both elements,
and possibly some Firebird image around the border. Column 2 should have
Firebird image and blue background on both elements, with some Mozilla banner
around the border.
Table 4: All elements should be black with blue border.  Column 1 should have
black around border, column 2 should have Mozilla banner around border.
Table 5: same as table 1, possibly with extra space between elements.

Workaround: specify all solid-color backgrounds within tables as "fixed".
This will not work for image backgrounds.

Comment 1

[Bryan Mills]

Attachment: 5 tables demonstrating buggy rendering and correct rendering

Comment 2

[Bryan Mills]

Could be related to <a
href="http://bugzilla.mozilla.org/show_bug.cgi?id=195291">bug 195291</a>, 
probably related to <a
href="http://bugzilla.mozilla.org/show_bug.cgi?id=4510">bug  4510</a> (esp.
comments therein regarding inheritance of backgrounds), although the border
problem isn't covered by either.

Comment 3

[Bernd]

fantasai doesnt your patch in bug 4510 fix this? if yes please mark the bug
either dependent or dupe it.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Marking dependent anyway; behavior will need to be retested once that lands no 
matter what.

Comment 5

[fantasai]

nope, doesn't seem to

Comment 6

[fantasai]

Looks like I forgot to rebuild with the patch before:
yes, 4510 does fix this bug :)

Comment 7

[Anne (:annevk)]

-> FIXED per comment 6