246934 - Setting padding:0 on ul element breaks overflow:auto of containing block.

Status: RESOLVED DUPLICATE of bug 232135

(Core :: CSS Parsing and Computation, defect)

Description

[jsnod]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040614 Firefox/0.9
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040614 Firefox/0.9

A ul element with padding:0 inside a containing block having overflow:auto
causes a horozontal scrollbar to be rendered when text should simply linebreak
to the next line.

Reproducible: Always
Steps to Reproduce:
1. Set containing block's overflow to auto.
2. Set ul element's padding to 0.
3. Enter an li element with text long enough to linebreak.

Actual Results:  
li text breaks as expected, however, a horozontal scrollbar is rendered at the
bottom of the containing block.

Expected Results:  
li should have linebreak, but no horozontal scrollbar should be rendered.

Works as expected in IE and Opera (although they use margin rather than padding
on ul elements).  I am not able to test with the Suite or Branch, but I'm
assuming the problem is there as well.

If you remove the padding:0 from the ul element, this works as expected
(however, I'm left with the default ul padding, which I'm trying to get rid of!!).

I will be attaching a test-case.

Comment 1

[jsnod]

Attachment: Testcase showing bad overflow

Comment 2

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

I think this is the same problem as bug 232135 -- it doesn't matter if overflow
is on the parent or the grandparent of the list items.  Also, wrong component
(Layout, not Style System)

*** This bug has been marked as a duplicate of 232135 ***