# Test that transformed content is clipped properly by clips with a different transform.
---
root:
  items:
    -
      bounds: [0, 0, 0, 0]
      "clip-rect": [0, 0, 0, 0]
      type: "stacking-context"
      transform: rotate(-45) translate(200, 0)
      items:
        -
          bounds: [0, 0, 300, 300]
          "clip-rect": [0, 0, 300, 300]
          type: rect
          color: red
        -
          bounds: [0, 0, 300, 300]
          "clip-rect": [0, 0, 300, 300]
          type: clip
          id: 5
        -
          bounds: [0, 0, 0, 0]
          "clip-rect": [0, 0, 0, 0]
          clip-and-scroll: 5
          type: "stacking-context"
          transform: rotate(45) translate(-300, 0)
          items:
            -
              bounds: [0, 0, 1598, 1200]
              "clip-rect": [0, 0, 1598, 1200]
              type: rect
              color: green