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

tuanster

I realize that there's a limitation to overlap WebView with other QML element [http://doc.qt.io/qt-5/qtwebview-index.html]. 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.
Thanks!

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: "http://www.qt-project.org"
        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"
    }
}