@@ -117,7 +117,7 @@ Item {
117117 Flickable {
118118 id: headerContainer
119119 objectName: "headerContainer"
120− clip: contentY > 0 && contentY < height
120+ clip: openSearchAnimation.running
121121 anchors { left: parent.left; top: parent.top; right: parent.right }
122122 height: units.gu(6.5)
123123 contentHeight: headersColumn.height
@@ -150,7 +150,7 @@ Item {
150150 anchors { left: parent.left; right: parent.right }
151151 height: headerContainer.height
152152 contentHeight: height
153− opacity: headerContainer.contentY < height ? 1 : 0 // setting visible false cause column to relayout
153+ opacity: headerContainer.clip || headerContainer.showSearch ? 1 : 0 // setting visible false cause column to relayout
154154 separatorSource: ""
155155 // Required to keep PageHeadStyle noise down as it expects the Page's properties around.
156156 property var styledItem: searchHeader
@@ -225,7 +225,7 @@ Item {
225225 anchors { left: parent.left; right: parent.right }
226226 height: headerContainer.height
227227 contentHeight: height
228− opacity: headerContainer.contentY > 0 ? 1 : 0 // setting visible false cause column to relayout
228+ opacity: headerContainer.clip || !headerContainer.showSearch ? 1 : 0 // setting visible false cause column to relayout
229229 separatorSource: ""
230230 textColor: root.scopeStyle ? root.scopeStyle.foreground : "grey"
231231 property var styledItem: header