Bug (Background-image-RTL) – Incorrect behavior for right aligned body background images on RTL documents

• Component: CSS
• Status: RESOLVED INVALID

[Jon]

Created attachment 162450 [details]
Demonstrates webkit's unexpected behavior 

If the document's direction is defined as RTL (right-to-left) and you assign a background-image to the body tag, and this body tag is aligned right, this image will be displayed incorrectly once the window is made smaller and horizontal scrollbars appear.

This can be verified on the URL http://91.123.201.209/bg_rtl_test.html or viewing the attached image where a test has been made using the nightly build and compared to the behavior of IE, Firefox and Opera. In the example, you would expect the word "Contents" to always be on top of the blue background for any size of the viewport.

[Jon]

There is an ongoing discussion about this problem at the webmaster world's forum: http://www.webmasterworld.com/css/4491233.htm

Some comments might help shedding a light to this problem. For example, it has been proven that the background image will align right to the viewport instead of the document, even though the document's body has a width that is larger than the width of the viewport, for both RTL and LTR documents.

[Jon]

The link to the forum included in the previous post never led to anything after all.
Please find more details on this topic here: http://stackoverflow.com/questions/12464366/unexpected-behavior-in-webkit-browsers-background-image-right-aligned
And here: http://stackoverflow.com/questions/12340743/css-body-background-image-aligned-right-on-chrome-safari-webkit

[Brent Fulgham]

The relevant website no longer exists.