@@ -22,6 +22,7 @@ StateGroup {
2222 property var container
2323 property var surfaceItem
2424
25+ onStateChanged: print("++++++++++++++++++++++++ surface animation state change", state)
2526 states: [
2627 State {
2728 name: "blank"
@@ -43,7 +44,7 @@ StateGroup {
4344 SequentialAnimation {
4445 // clip so we don't go out of parent's bounds during spread
4546 PropertyAction { target: root.container.parent; property: "clip"; value: true }
46− UbuntuNumberAnimation { target: root.surfaceItem; property: "y"; to: root.container.height
47+ UbuntuNumberAnimation { target: root.surfaceItem; property: "anchors.topMargin"; to: root.container.height
4748 duration: UbuntuAnimation.BriskDuration }
4849 PropertyAction { target: root.surfaceItem; property: "visible"; value: false }
4950 PropertyAction { target: container.parent; property: "clip"; value: false }
@@ -61,11 +62,10 @@ StateGroup {
6162 // clip so we don't go out of parent's bounds during spread
6263 PropertyAction { target: root.container.parent; property: "clip"; value: true }
6364 ScriptAction { script: {
64− root.surfaceItem.y = root.container.height;
6565 root.surfaceItem.visible = true;
6666 } }
6767 UbuntuNumberAnimation {
68− target: root.surfaceItem; property: "y"; to: 0
68+ target: root.surfaceItem; property: "anchors.topMargin"; from: root.container.height; to: 0
6969 duration: UbuntuAnimation.BriskDuration
7070 }
7171 PropertyAction { target: container.parent; property: "clip"; value: false }