Bug 235515 - [CSS 2.1 Conformance] [testcase] background-color applied to list-item generated box should not paint the marker box (list-style-position: outside)
Summary: [CSS 2.1 Conformance] [testcase] background-color applied to list-item genera...
Status: CONFIRMED
Alias: None
Product: konqueror
Classification: Applications
Component: khtml (show other bugs)
Version: 4.7.4
Platform: Ubuntu Linux
: NOR normal
Target Milestone: ---
Assignee: Konqueror Developers
URL: http://test.csswg.org/suites/css2.1/l...
Keywords: reproducible, testcase, triaged
Depends on:
Blocks:
 
Reported: 2010-04-27 04:00 UTC by Gérard Talbot (no longer involved)
Modified: 2014-06-12 16:33 UTC (History)
1 user (show)

See Also:
Latest Commit:
Version Fixed In:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Gérard Talbot (no longer involved) 2010-04-27 04:00:13 UTC
Version:            (using KDE 4.4.2)
OS:                Linux
Installed from:    Ubuntu Packages

Testcase
--------

http://www.w3.org/Style/CSS/Test/CSS2.1/20100316/html4/box-generation-003.htm


Actual results in Konqueror 4.4.2
---------------------------------
The marker box has a blue background-color. 

Expected results
----------------
The marker box should not have a blue background-color; it should have a transparent background so that the background-color of the canvas (usually white) shines through. 

References
----------
"An element with 'display: list-item' generates a principal box for the element's content and an optional marker box as a visual indication that the element is a list item. (...)"
http://www.w3.org/TR/CSS21/generate.html#list-style

The initial value of list-style-position is outside which means that the "marker box is outside the principal block box".
http://www.w3.org/TR/CSS21/generate.html#list-style

Notes
-----
That testcase is passed by Firefox 3.6.3, Opera 10.51, IE8 and Safari 4.0.5.

regards, Gérard
Comment 1 Gérard Talbot (no longer involved) 2010-06-08 23:49:05 UTC
Reference
---------

"
The background properties apply to the principal box only; an [list-style-position] 'outside' marker box is transparent.
"
http://www.w3.org/TR/CSS21/generate.html#lists

regards, Gérard
Comment 2 Gérard Talbot (no longer involved) 2011-01-22 01:44:20 UTC
CSS Test: Background applied to an element with 'display' set to 'list-item'
http://test.csswg.org/suites/css2.1/20110111/html4/background-applies-to-010.htm
Comment 3 Gérard Talbot (no longer involved) 2011-01-22 01:46:00 UTC
CSS Test: Background-color applied to an element with 'display' set to 'list-item'
http://test.csswg.org/suites/css2.1/20110111/html4/background-color-applies-to-010.htm
Comment 4 Gérard Talbot (no longer involved) 2011-03-07 05:47:12 UTC
Better description of this bug
==============================

An element styled with 'display: list-item' will create a principal block box and a marker box for its list-marker (with a disc). Such list-marker will be inside, not outside; such list-marker will behave as if styled as 'list-style-position: inside' and not as 'list-style-position: outside' and that is the bug, spec violation. The list-marker bullet should be outside, not inside.

Fixing this bug will fix the following 35 testcases from CSS 2.1 test suite (RC5) (total estimated at 55 testcases):

http://test.csswg.org/suites/css2.1/20110111/html4/background-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/background-attachment-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/background-color-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/background-image-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/background-position-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/background-repeat-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-bottom-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-bottom-color-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-bottom-style-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-bottom-width-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-collapse-applies-to-003.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-color-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-left-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-left-color-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-left-style-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-left-width-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-right-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-right-color-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-right-style-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-right-width-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-spacing-applies-to-003.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-style-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-top-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-top-color-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-top-style-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-top-width-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/border-width-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/bottom-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/box-generation-003.htm

http://test.csswg.org/suites/css2.1/20110111/html4/clear-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/cursor-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/empty-cells-applies-to-003.htm

http://test.csswg.org/suites/css2.1/20110111/html4/float-applies-to-010.htm

http://test.csswg.org/suites/css2.1/20110111/html4/font-size-applies-to-003.htm

and at least 20 additional testcases.

Gérard
Comment 5 Gérard Talbot (no longer involved) 2011-06-20 03:10:53 UTC
Another good testcase for this bug report:
http://test.csswg.org/suites/css2.1/latest/html4/lists-backgrounds-001.htm

Gérard