root:
  items:
    # There is a new reference frame introduced between the scrollframe and
    # the sticky item. This tests that the sticky item is still positioned
    # correctly.
    - type: scroll-frame
      bounds: [10, 10, 50, 50]
      content-size: [200, 200]
      items:
      - type: stacking-context
        bounds: [10, 20, 10, 10]
        transform: translate(0, 10)
        items:
        - type: sticky-frame
          bounds: [0, 0, 10, 10]
          margin-top: 10
          vertical-offset-bounds: [0, 200]
          items:
          - type: rect
            bounds: [0, 0, 10, 10]
            color: green
