Closed Bug 867529 Opened 11 years ago Closed 11 years ago

Replace diagonal-striped gradient with image because of awful Firefox perf

Categories

(Marketplace Graveyard :: Consumer Pages, defect, P2)

Product:
Marketplace Graveyard
Component:
Consumer Pages
Type:
defect

Tracking

(Not tracked)

Status:
RESOLVED FIXED
Milestone:
2013-05-02

People

(Reporter: cvan, Assigned: scolville)

References

(
URL
)

Details

(Whiteboard: [fireplace] p=1) 

For the diagonal-line pattern in the new Fireplace designs we're using a linear-gradient + background-size.

Firefox chokes on the background-size on a repeating image or gradient, causing noticeable lag when scrolling. WebKit handles this like a champ. Unfortunately, in Firefox this is a legitimate bug (see bug 732150 and bug 846315), wherein the browser recalculates the background-size on every single redraw (i.e., scroll).

So as a workaround let's change our `diagonal-lines` mixin to use a repeating image with no background-size. (I hope retina doesn't look like ****.)
Assignee: nobody → scolville
Status: NEW → ASSIGNED
Target Milestone: --- → 2013-05-02
Priority: -- → P2
https://github.com/mozilla/fireplace/commit/5f45a22 

This looks gorgeous. Thanks!
Status: ASSIGNED → RESOLVED
Closed: 11 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.