Bug 19770 - Background-position declaration involves requirements when at least one value is not a keyword
: Background-position declaration involves requirements when at least one value...
Status: NEW
Product: WebKit
Classification: Unclassified
Component: CSS
: 525.x (Safari 3.1)
: PC Windows XP
: P2 Normal
Assigned To: Nobody
http://www.gtalbot.org/BrowserBugsSec...
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2008-06-25 11:30 PDT by Gérard Talbot
Modified: 2008-08-22 15:15 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Gérard Talbot 2008-06-25 11:30:37 PDT
CSS 2.1, section 14.2.1 background-position 
http://www.w3.org/TR/CSS21/colors.html#propdef-background-position
states
"If at least one value is not a keyword, then the first value represents the horizontal position and the second represents the vertical position."

The order of the 2 values in the declaration for background-position matters decisively when at least one value is not a keyword. The W3C CSS validator will report a parsing error when the correct order is not respected.

Steps to reproduce
------------------
1a) Load provided URL
1b) Load http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/background-position-test2.html

Expected results
----------------
1a) A green box with a background-image saying "Your browser PASSED this test"
1b) The white box inside the green box is located at top left corner

Actual results in Safari 3.1.2 build 525.21
-------------------------------------------
1a) A red box with a background-image saying "Your browser FAILED this test"
1b) The white box inside the green box is located at bottom right corner

Additional info, references, notes:
-----------------------------------
The W3C CSS validator will report
1a) "values are not recognized" due to mismatched values
1b) "[values] are incompatible" due to mismatched values

2-
https://bugzilla.mozilla.org/show_bug.cgi?id=422790

http://samples.msdn.microsoft.com/csstestpages/Chapter_14/background-position-042.htm
http://samples.msdn.microsoft.com/csstestpages/Chapter_14/background-position-045.htm
http://samples.msdn.microsoft.com/csstestpages/Chapter_14/background-position-046.htm

Those tests are invalid. (Already mentioned on public-css-testsuite.)
{        <meta name="assert" content="Verify bottom is valid declaration for first input of background-position." />
}

same goes for:
background-position: bottom 50%;
background-position: 50% left;
background-position: 50% right;

I searched for a duplicate and did not find any.
Comment 1 Gérard Talbot 2008-07-05 16:43:14 PDT
http://www.hixie.ch/tests/adhoc/css/background/position/002.html
Safari 3.1.2 build 525.21 and Safari 4.0 build 526.11 fail 12 tests out of 50.
Exactly the same tests are failed in both versions.

http://www.hixie.ch/tests/adhoc/css/background/position/003.html
Safari 3.1.2 build 525.21 and Safari 4.0 build 526.11 fail 13 tests out of 50.
Exactly the same tests are failed in both versions.

Firefox 3.0 build 2008052906 and Opera 9.51 build 10081 pass all 50 tests of each of both webpages.
Comment 2 Oliver Hunt 2008-08-22 15:15:10 PDT
Possibly worth looking at http://bugs.kde.org/show_bug.cgi?id=169612