bugzilla.mozilla.org has resumed normal operation. Attachments prior to 2014 will be unavailable for a few days. This is tracked in Bug 1475801.
Please report any other irregularities here.

Odd & Even Width -linear-gradient Firefox Bug

UNCONFIRMED
Unassigned

Status

()

Core
Layout
UNCONFIRMED
6 years ago
6 years ago

People

(Reporter: p.h.howells, Unassigned)

Tracking

15 Branch
x86
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(3 attachments)

(Reporter)

Description

6 years ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:17.0) Gecko/17.0 Firefox/17.0
Build ID: 20120921042009

Steps to reproduce:

Gave Div elements striped background images using -linear-gradient CSS.

I have tested this in Firefox 15 and Aurora 17.0a2 on OS X 10.6.8.  


Actual results:

The stripes had correct expected widths when rendered in a div with an even numbered pixel width.

But the stripes had incorrect widths when rendered in a div with an odd numbered pixel width.


Expected results:

The stripes should have been rendered at their correct expected widths regardless of the width of the Div element they were rendered in.
(Reporter)

Comment 1

6 years ago
Created attachment 663454 [details]
example of odd even width linear gradient bug
Attachment #663454 - Attachment mime type: text/plain → text/html
Component: General → Layout
Created attachment 663550 [details]
screen shot on Linux

This is what I'm seeing on Linux, which seems like the correct rendering, given that I'd expect to see a 1px horizontal shift because the background-position is horizontally centered (and therefore centering within 501px yields 250.5px which rounds up to 251px.

Is this Mac-only?
Attachment #663550 - Attachment mime type: text/plain → image/png
(Reporter)

Comment 3

6 years ago
Created attachment 663574 [details]
comparison renders with other browsers on OSX

I agree that the Linux screenshot shows correct expected rendering.  Perhaps this is indeed a Firefox on Mac OSX issue?

The attached .png file shows the correct behaviour also being exhibited by Opera, Safari and Chrome (all on OSX, and when the css is tweaked to use their vendor prefixes) in comparison with Firefox.
You need to log in before you can comment on or make changes to this bug.