fixed-position.yaml (1691B)
1 root: 2 bounds: [0, 0, 1024, 10000] 3 scroll-offset: [0, 100] 4 items: 5 - type: stacking-context 6 bounds: [0, 0, 50, 50] 7 items: 8 # This item should not scroll out of view because it is fixed position. 9 - type: rect 10 bounds: [0, 0, 50, 50] 11 color: green 12 spatial-id: root-reference-frame 13 - type: stacking-context 14 bounds: [0, 0, 50, 50] 15 transform: translate(60, 100) 16 id: 100 17 items: 18 - type: stacking-context 19 bounds: [0, 0, 50, 50] 20 items: 21 # Even though there is a custom clip-scroll ID, it should scroll, 22 # because it is fixed relative to its reference frame. The reference frame 23 # of this stacking context is the stacking context parent because it has 24 # a transformation. 25 - type: rect 26 bounds: [0, 0, 50, 50] 27 color: green 28 - type: stacking-context 29 bounds: [120, 0, 50, 200] 30 transform: translate(0, 0) 31 id: 101 32 items: 33 # This is similar to the previous case, but ensures that this still works 34 # even with an identity transform. 35 - type: stacking-context 36 bounds: [0, 0, 50, 200] 37 items: 38 - type: rect 39 bounds: [0, 100, 50, 50] 40 color: green 41 - type: stacking-context 42 bounds: [180, 0, 50, 200] 43 perspective: 1 44 id: 102 45 items: 46 # This is similar to the previous case, but for perspective. 47 - type: stacking-context 48 bounds: [0, 0, 50, 200] 49 items: 50 - type: rect 51 bounds: [0, 100, 50, 50] 52 color: green