@@ -117,7 +117,7 @@ Item {
117 Flickable {
117 Flickable {
118 id: headerContainer
118 id: headerContainer
119 objectName: "headerContainer"
119 objectName: "headerContainer"
120− clip: true
120+ clip: contentY > 0 && contentY < height
121 anchors { left: parent.left; top: parent.top; right: parent.right }
121 anchors { left: parent.left; top: parent.top; right: parent.right }
122 height: units.gu(6.5)
122 height: units.gu(6.5)
123 contentHeight: headersColumn.height
123 contentHeight: headersColumn.height
@@ -150,6 +150,7 @@ Item {
150 anchors { left: parent.left; right: parent.right }
150 anchors { left: parent.left; right: parent.right }
151 height: headerContainer.height
151 height: headerContainer.height
152 contentHeight: height
152 contentHeight: height
153+ opacity: headerContainer.contentY < height ? 1 : 0 // setting visible false cause column to relayout
153 separatorSource: ""
154 separatorSource: ""
154 // Required to keep PageHeadStyle noise down as it expects the Page's properties around.
155 // Required to keep PageHeadStyle noise down as it expects the Page's properties around.
155 property var styledItem: searchHeader
156 property var styledItem: searchHeader
@@ -224,6 +225,7 @@ Item {
224 anchors { left: parent.left; right: parent.right }
225 anchors { left: parent.left; right: parent.right }
225 height: headerContainer.height
226 height: headerContainer.height
226 contentHeight: height
227 contentHeight: height
228+ opacity: headerContainer.contentY > 0 ? 1 : 0 // setting visible false cause column to relayout
227 separatorSource: ""
229 separatorSource: ""
228 textColor: root.scopeStyle ? root.scopeStyle.foreground : "grey"
230 textColor: root.scopeStyle ? root.scopeStyle.foreground : "grey"
229 property var styledItem: header
231 property var styledItem: header