touch-packages team mailing list archive

[Tim Peeters <1504755@xxxxxxxxxxxxxxxxxx>]

The problem only occurs when the parent of the item with z>0 is actually
the root item. The popover foreground is not reparented there because it
is already having that Item as its parent.

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to ubuntu-ui-toolkit in
Ubuntu.
https://bugs.launchpad.net/bugs/1504755

Title:
  Popover does not open on top of all other Items

Status in ubuntu-ui-toolkit package in Ubuntu:
  New

Bug description:
  When I open a Popover, I expect it to be on top of all other Items.
  This is not the case if any Item has a z-value > 0, the Popover will
  then open behind that Item, potentially hiding the Popover.

  Use the example code below to reproduce the issue. Run the qml code
  and click the button at the bottom to open the popover behind the blue
  rectangle.

  Note that also the MouseArea in the blue rectangle eats the events of
  the Popover's InverseMouseArea that is used to close the popover. So
  if there is a MouseArea in an Item with z>1, this area cannot be
  clicked to close the Popover.

  import QtQuick 2.4
  import Ubuntu.Components 1.3
  import Ubuntu.Components.Popups 1.3

  Item {
      width: 600
      height: 600

      Rectangle {
          anchors.centerIn: parent
          color: "blue"
          width: 400
          height: 400
          opacity: 0.8
          z: 1
          MouseArea { anchors.fill: parent }
      }
      Rectangle {
          anchors {
              right: parent.right
              verticalCenter: parent.verticalCenter
          }
          width: 300
          height: 300
          color: "yellow"
      }

      Button {
          id: button
          anchors {
              bottom: parent.bottom
              horizontalCenter: parent.horizontalCenter
              margins: 30
          }
          text: "Pop!"
          onClicked: PopupUtils.open(popoverComponent, button)

          Component {
              id: popoverComponent

              Popover {
                  Rectangle {
                      color: "green"
                      width: parent.width
                      height: 300
                  }
              }
          }
      }
  }

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu/+source/ubuntu-ui-toolkit/+bug/1504755/+subscriptions