Contiguous floated tables in vertical writing-mode overlap




Layout: Floats
3 years ago
3 months ago


(Reporter: Gérard Talbot, Unassigned)


(Blocks: 1 bug, {testcase})


Firefox Tracking Flags

(firefox42 affected)




3 years ago
Vendor-prefixed tests

border-collapse: collapse
- - - - - - - - - - - - -

border-collapse: separate
- - - - - - - - - - - - -

Expected results


- I set Component to 'Layout: Floats' and blocking bug 1077521
- Firefox 42.0a1 buildID=20150718201542 fails these 4 tests
- IE11 and Chrome 45.0.2454.7 pass these 4 tests
- I use Linux 3.13.0-57-generic x86_64, Qt: 4.8.6, KDE 4.13.3; Kubuntu (utopic) 14.04.2 LTS
- I've searched for duplicates and did not find any.


3 years ago
Blocks: 1077521
Keywords: testcase

Comment 1

3 years ago
Somewhat close to the description of this bug are:

Bug 478834: table following left float doesn't clear it even if it can't fit next to it (& same for block-level img, flex container, etc. following left float)

Bug 14984: [FLOAT] Tables overlap right floats (e.g., right-aligned images or tables)

so this could still be a DUPLICATE of one of those...

Comment 2

3 years ago
Another consequence of this bug: the horizontal contiguous margins - which should not collapse - between 2 floated contiguous tables are substracted by the total of table borders and table (or cell) padding separating them. In this test

the gap between tables should be 32px (or 2em) but it is 24px (32 - (2 * 3) - (2 * 1)).

- - - - - - - 

Additional tests:

Both tables have 25px borders between them

Both tables have 25px padding between them

Firefox 45.0a1 buildID=20151128060058 fails both tests. 

IE11, Edge 12 and Chrome 48.0.2564.10 pass both tests.

Comment 3

3 years ago
Firefox 46.0a1 buildID=20151219081206 fails

because of this bug, because of how shrink-to-fit applies to floating boxes (that have borders) in orthogonal context.

This bug is somehow related (a sibling of) to bug 1166120 . Chances are that, when bug 1166120 gets fixed, then this bug could be fixed; so, at that time, this bug report should be revisited.
See Also: → bug 1166120

Comment 5

3 months ago

The srl and slr tests have been removed from css-writing-modes-3_dev but I suppose+expect they will be reintroduce into an eventual css-writing-modes-4_dev since sideways-lr and sideways-rl are not part of CSS3.

Comment 6

3 months ago
Expected: 200px; Actual in Firefox 60: 60px
Expected: 200px; Actual in Firefox 60: 160px
Expected: 200px; Actual in Firefox 60: -40px

The expected gap (200px: which is the sum of horizontal margins separating the 2 <table>s) between squares is reduced by twice the width of border-right of first table.
You need to log in before you can comment on or make changes to this bug.