QtQuickControl 2: Drawer remains under WebView

[Ibrahim]

Hi; My QML code is here:

ApplicationWindow {
  visible: true
  width: 640
  height: 480
  title: qsTr("Hello World")

  header: ToolBar {
    Material.primary: Material.Green

    Label {
      text: qsTr("QtMobileApp")
      color: "#FFFFFF"
      font.bold: true
    }
  }

  Drawer {
    id: drawer
    width: parent.width * 0.66
    height: parent.height
    background: Rectangle {
      anchors.fill: parent
      color: "#333333"
    }
  }

  WebView {
    id: webView
    url: "https://www.ubuntu.com/"
    anchors.fill: parent
  }
}

But the drawer remains under WebView like this:

How can I bring the top to Drawer? Thanks.

[sierdzio]

This will probably fail, but you can try to move Drawer declaration (in QML file) below WebView - this will result in Drawer getting higher "z" value.

[Ibrahim]

@sierdzio it's not working.

[ekkescorner]

@Ibrahim just tried. doesn't work - even with higher z. you should open a bugreport.

[Schluchti]

Could be related to that:

Note: Due to platform limitations overlapping the WebView and other QML components is not supported.

See: http://doc.qt.io/qt-5/qml-qtwebview-webview.html

[ekkescorner]

@Schluchti makes sense. then I would try to watch position of Drawer and move the WebView so there's no overlapping.
haven't done this yet because I normaly don't use WebView