Tab header collides with pagestack header while using background gradients in mainview

[Nekhelesh Ramananthan]

As of a recent SDK update (do not know the exact rev no), the clock tab header is visible even while viewing the page header pushed into a pagestack. This can be seen more clearly in the screenshot attached below. On further testing, I was able to identify that the background gradient is the culprit behind the issue. Here below is the code copied exactly from the API examples with one difference being the background gradient support added in which case you will notice the bug. Removing the background gradient fixes the issue but is not an option.

import QtQuick 2.0
import Ubuntu.Components 0.1

MainView {
    id: mainView
    width: units.gu(38)
    height: units.gu(50)

    headerColor: "#57365E"
    backgroundColor: "#A55263"
    footerColor: "#D75669"

    PageStack {
        id: pageStack
        Component.onCompleted: push(tabs)

        Tabs {
            id: tabs
            Tab {
                title: "Tab 1"
                page: Page {
                    Button {
                        anchors.centerIn: parent
                        onClicked: pageStack.push(page3)
                        text: "Press"
                    }
                }
            }
            Tab {
                title: "Tab 2"
                page: Page {
                    Label {
                        anchors.centerIn: parent
                        text: "Use header to navigate between tabs"
                    }
                }
            }
        }
        Page {
            id: page3
            visible: false
            title: "Page on stack"
            Label {
                anchors.centerIn: parent
                text: "Press back to return to the tabs"
            }
        }
    }
}

[Joey Chan (qqworini)]

same header issue in RSS Reader app

[Zsombor Egri (zsombi)]

The header content from Tabs is not hidden when the PageStack changes it. When gradient background is set, the Tabs header is even active, so you can even change tabs in the background.

[Tim Peeters (tpeeters)]

Which version of the UITK are you using? I use 0.1.46+13.10.20130731-0ubuntu1 and it works fine. I think it was fixed in r670.

[Tim Peeters (tpeeters)]

Ok, with the latest version of UITK trunk the bug is present. So probably it broke with r670

[Tim Peeters (tpeeters)]

Fix committed in attached branch. Feel free to test it with your apps :)

[PS Jenkins bot (ps-jenkins)]

Fix committed into lp:ubuntu-ui-toolkit at revision None, scheduled for release in ubuntu-ui-toolkit, milestone Unknown

[Launchpad Janitor (janitor)]

This bug was fixed in the package ubuntu-ui-toolkit - 0.1.46+13.10.20130815.1-0ubuntu1

---------------
ubuntu-ui-toolkit (0.1.46+13.10.20130815.1-0ubuntu1) saucy; urgency=low

  [ Leo Arias ]
  * Added a safeguard to prevent the tabs autopilot emulator to loop for
    ever. (LP: #1211619)

  [ tpeeters ]
  * Fix bug 1209403 where Tabs header does not become invisible when
    another page is pushed on the PageStack and a gradient background is
    used. (LP: #1209403)

  [ Ubuntu daily release ]
  * Automatic snapshot from revision 695
 -- Ubuntu daily release <email address hidden> Thu, 15 Aug 2013 06:33:50 +0000

[Joey Chan (qqworini)]

Issue fixed, thanks Tim :)