Bug 235515

Summary:	[CSS 2.1 Conformance] [testcase] background-color applied to list-item generated box should not paint the marker box (list-style-position: outside)
Product:	[Applications] konqueror	Reporter:	Gérard Talbot (no longer involved) <browserbugs2>
Component:	khtml	Assignee:	Konqueror Developers <konq-bugs>
Status:	RESOLVED UNMAINTAINED
Severity:	normal	CC:	kde
Priority:	NOR	Keywords:	reproducible, testcase, triaged
Version:	4.7.4
Target Milestone:	---
Platform:	Ubuntu
OS:	Linux
URL:	http://test.csswg.org/suites/css2.1/latest/html4/lists-backgrounds-001.htm
Latest Commit:		Version Fixed In:

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

Comment 6 Christoph Cullmann 2024-05-06 18:38:59 UTC

Dear user,

KHTML (and KJS) was a long time more or less unmaintained and got removed in KF6.

Please migrate to use a QWebEngine based HTML component.

We will do no further fixes or improvements to the KF5 branches of these components beside important security fixes.

For security issues, please see:

https://kde.org/info/security/

Sorry that we did not fix this issue during the life-time of KHTML.

Greetings
Christoph Cullmann