When using an effect on a group and caching the element contained within the group, the transformations made on the group containing the effects are not done correctly to all its chidren. The following code snippets produces wrong visual:
Group {
rotate: 15
effect: DropShadow { offsetX:1.4173,offsetY:1.4173,color:Color.rgb(0x23,0x1f,0x20,1.0),radius:5.6692}
translateX: 50
translateY: 50
content: [
Rectangle { x: 5 y: 5 width: 15 height:15 fill:Color.GREEN},
Rectangle { x: 25 y: 5 width: 15 height:15 fill:Color.RED cache: true},
Text { content: "Cached" x: 45 y: 17 cache:true },
]
}
See also the attached testcase.
Group {
rotate: 15
effect: DropShadow { offsetX:1.4173,offsetY:1.4173,color:Color.rgb(0x23,0x1f,0x20,1.0),radius:5.6692}
translateX: 50
translateY: 50
content: [
Rectangle { x: 5 y: 5 width: 15 height:15 fill:Color.GREEN},
Rectangle { x: 25 y: 5 width: 15 height:15 fill:Color.RED cache: true},
Text { content: "Cached" x: 45 y: 17 cache:true },
]
}
See also the attached testcase.