Open Bug 1027860 Opened 10 years ago Updated 2 years ago

background repeat image uses incorrect size

Categories

(Core :: Layout, defect)

29 Branch
x86_64
Linux
defect

Tracking

()

UNCONFIRMED

People

(Reporter: mfried, Unassigned)

Details

Attachments

(2 files)

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release) Build ID: 2014050900 Steps to reproduce: 1. Create a web page: <html> <head> <style> .instance { height : 100px; margin : 100px 0px 0px 0px; white-space : pre-wrap; line-height : 16px; background-image : url("instance_ruled.png"); background-repeat : repeat; background-position : 0px 0px; background-size : 2px 16px; } </style> </head> <body> <div class = 'instance'> bob </div> </body> </html> 2. Display the page in a Firefox browser. 3. Leave the HTML code at "background-size : 2px 16px". 4. Measure the distance between the lines: it is 17px. That is one pixel too much. 5. Change the HTML code to "background-size : 2px 17px". 6. Measure the distance between the lines: it is 18px. That is one pixel too much. 7. Change the HTML code to "background-size : 2px 18px". 8. Measure the distance between the lines: it is 18px. That is correct. 9. Change the HTML code to "background-size : 2px 19px". 10. Measure the distance between the lines: it is 19px. That is correct. Actual results: The background-size in the displayed page was one pixel larger than specified for 16 and 17 pixels. It was the correct size for 18 and 19 pixels. Expected results: The displayed page should always use the specified background-size.
Attachment #8443056 - Attachment description: The background image → The background image: "instance_ruled.png"
Component: General → Layout
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: