Reverse apply filters.

webrender/src/frame_builder.rs

@@ -397,7 +397,7 @@ impl FrameBuilder {
         };
 
         // For each filter, create a new image with that composite mode.
-        for filter in &composite_ops.filters {
+        for filter in composite_ops.filters.iter().rev() {
             let src_prim = PicturePrimitive::new_image(
                 Some(PictureCompositeMode::Filter(*filter)),
                 false,

wrench/reftests/filters/filter-long-chain.yaml

@@ -0,0 +1,18 @@
+---
+root:
+  items:
+    - type: stacking-context
+      bounds: [100, 100, 400, 400]
+      filters: [brightness(2),
+                contrast(0.4),
+                grayscale(0.2),
+                hue-rotate(270),
+                invert(0.6),
+                opacity(0.8),
+                saturate(10),
+                sepia(0.4),
+                blur(3)]
+      items:
+      - type: rect
+        color: red
+        bounds: 0 0 256 256

wrench/reftests/filters/reftest.list

@@ -28,3 +28,4 @@
 == filter-saturate-blue-alpha-1.yaml filter-saturate-blue-alpha-1-ref.yaml
 == filter-hue-rotate-1.yaml filter-hue-rotate-1-ref.yaml
 == filter-hue-rotate-alpha-1.yaml filter-hue-rotate-alpha-1-ref.yaml
+== filter-long-chain.yaml filter-long-chain.png