Closed Bug 246934 Opened 21 years ago Closed 21 years ago

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

Categories

(Core :: CSS Parsing and Computation, defect)

x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 232135

People

(Reporter: mozillabugs, Assigned: dbaron)

Details

Attachments

(1 file)

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.
Attached file Testcase showing bad overflow (deleted) —
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 ***
Status: UNCONFIRMED → RESOLVED
Closed: 21 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: