Important: Please read the Qt Code of Conduct -

Issue with displaying QML element over WebView on Android with Qt 5.8

  • I realize that there's a limitation to overlap WebView with other QML element []. However, due to a customer's requirement, we really need this feature to be working on Android. I tried the following code on Ubuntu and I can see a blue rectangle as expected. On Android, a blue rectangle is not visible. I even tried to change the z dimension.
    Will this feature be supported in the near future on Android? If not, any other ideas to carry out this feature?
    Appreciate any help I can receive.

    import QtQuick 2.1
    import QtQuick.Controls.Styles 1.4
    import QtQuick.Controls 1.1
    import QtWebView 1.1
    ApplicationWindow {
        width: 1280
        height: 720
        visible: true
        WebView {
            id: webview
            url: ""
            anchors.fill: parent
            onLoadProgressChanged: {
                console.log("******load progress = " + loadProgress)
            onLoadingChanged: {
                console.log("***loading changed request = " + loadRequest)
                console.log("****load status = " + loadRequest.status)
                console.log("***error string = " + loadRequest.errorString)
                console.log("******url = " + loadRequest.url)
        Rectangle {
            anchors.centerIn: parent
            width: 200
            height: 200
            color: "blue"
            border.width: 2
            border.color: "red"

Log in to reply