@@ -137,15 +137,11 @@ Item {
140− Flickable {
140+ Item {
141 id: headerContainer
141 id: headerContainer
142 objectName: "headerContainer"
142 objectName: "headerContainer"
143− clip: contentY < height
144 anchors { left: parent.left; top: parent.top; right: parent.right }
143 anchors { left: parent.left; top: parent.top; right: parent.right }
145 height: header.__styleInstance.contentHeight
144 height: header.__styleInstance.contentHeight
146− contentHeight: headersColumn.height
148− contentY: showSearch ? 0 : height
150 property bool showSearch: false
146 property bool showSearch: false
@@ -155,23 +151,42 @@ Item {
155 style: scopeStyle.headerBackground
151 style: scopeStyle.headerBackground
158− Behavior on contentY {
154+ Column {
159− UbuntuNumberAnimation {
155+ id: headersColumn
159+ bottom: parent.bottom
162+ state: headerContainer.showSearch ? "search" : ""
168+ target: headersColumn
169+ anchors.top: parent.top
170+ anchors.bottom: undefined
174+ transitions: Transition {
160 id: openSearchAnimation
175 id: openSearchAnimation
177+ duration: UbuntuAnimation.FastDuration
161 property bool openPopup: false
180 property bool openPopup: false
163 onRunningChanged: {
182 onRunningChanged: {
183+ headerContainer.clip = running;
164 if (!running && openSearchAnimation.openPopup) {
184 if (!running && openSearchAnimation.openPopup) {
165 openSearchAnimation.openPopup = false;
185 openSearchAnimation.openPopup = false;
166 root.openPopup();
186 root.openPopup();
174− anchors { left: parent.left; right: parent.right }
176 PageHeader {
191 PageHeader {
177 id: searchHeader
192 id: searchHeader