187267 - If UL and OL element has overflow:hidden, list markers are not displayed

Status: RESOLVED INVALID

(Core :: Layout, defect, P2)

Description

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3b) Gecko/20021230
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3b) Gecko/20021230

If ul and ol element has overflow:hidden;, list marders are not displayed.
Show this test cases.

case1: ol element.
http://bugzilla.mozilla.gr.jp/attachment.cgi?id=1434&action=view
case2: ul element.
http://bugzilla.mozilla.gr.jp/attachment.cgi?id=1435&action=view

Reproducible: Always

Steps to Reproduce:
1.
2.
3.

Actual Results:  
list markers are not displayed.

Expected Results:  
list markers should be displayed.

Comment 1

[Boris Zbarsky [:bzbarsky]]

The list items are "list-style-position:outside", so the markers _do_ overflow 
the <ul> or <ol> and it seems to me like hiding them is the right thing to do...

Comment 2

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

The list-style-position property applies to "display: list-item" elements.

This should be in the outside of li.
But this is _not_ in the outside of ul or ol.

See my testcase.
They are displayed in the inside of ul or ol when overflow property has visible.

# ul and ol elements has black border, li elements has blue border.

Comment 3

[Boris Zbarsky [:bzbarsky]]

They are inside the <ul> _border_.  But the <ul> has a padding.  And things
overflowing into the padding (like the bullets) should not be shown when
overflow is not visible.

Comment 4

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

I see. You are right!
List markers are inside of padding area.
So list markers are clipped by overflow property.

But people will have the same misapprehension by this default style sheet.
I think that list items should be positioned by margin of list items.

Now:
ul,ol{
    padding-left:40px;
}
li{
    margin-left:0;
}

Better?:
ul,ol{
    padding-left:1px; /* Don't collapse li margin and ul,ol margins.*/
}
li{
    margin-left:39px;
}

Comment 5

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

Attachment: li has margin-left sample.

Comment 6

[Boris Zbarsky [:bzbarsky]]

Yeah, we could do that.  It's been brought up before.  But then setting 
background on the <ul> will not paint that background behind the bullets... Not 
to mention that the bullets _will_ be outside the border then and will _still_ 
overflow, so I fail to see how it would help...

Comment 7

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

"before"?
Please tell me before bug id.

Comment 8

[Boris Zbarsky [:bzbarsky]]

bug 2038 is the original relevant bug; there has been lots of repetition of it 
in various bugs since, but nothing new got said.

Comment 9

[Boris Zbarsky [:bzbarsky]]

This bug is invalid.  There is no way to position outside markers such that they
won't oveflow.