---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 300, 300]
      "scroll-policy": scrollable
      z-index: 4
      transform: [1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 150, -150, 1]
      items:
        - type: clip
          # This image mask here assures that we will be forced to try to
          # mask instead of skipping it due to the mask rect becoming a
          # zero rect.
          image-mask:
            image: "tiny-check-mask.png"
            rect: [0, 0, 300, 300]
            repeat: false
          id: 2
        - type: rect
          clip-chain: [2]
          bounds: [0, 0, 300, 300]
          color: 0 128 0 1.0000
    - type: rect
      bounds: [0, 0, 100, 100]
      color: 0 255 0 1.0
