How to integrate a VirtualKeyboard for FileDialog?

Veeresh Veer

VirtualKeyboard should popup on FileDialog, But it is hiding behind FileDialog.

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Dialogs 1.3
import QtQuick.Controls 2.5
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.3
import QtQuick.VirtualKeyboard 2.2
import QtQuick.VirtualKeyboard.Settings 2.2

Window {
width: 640
height: 480

visible: true
title: qsTr("Hello World")
id: window

FileDialog {
    id: fileDialog
    width: 100
    height: 100
    modality: Qt.WindowModal
    objectName: "fileDialogObj"
    title: "Select music file"
    selectMultiple: true
    selectFolder: false
    selectExisting: false
    //visible: false
    //        parent: ApplicationWindow
    nameFilters: ["Music files (*.mp3 *.ogg *.flac *.mp4)", "All files (*)"]
    selectedNameFilter: "Music files (*.mp3 *.ogg *.flac *.mp4)"

    onAccepted: {
        console.log("Accepted: " + fileUrls)
    }

    onRejected: {
        console.log("Rejected")
        //inputPanel.visible = false
    }
    onVisibleChanged: {
        inputPanel.visible = true
    }
}


RowLayout {
    Button {
        text: "Ok"
        onClicked: {
            fileDialog.open()
        }
    }
}

InputPanel {
    id: inputPanel
    z: 99
    x: 0
    y: window.height
    width: window.width
    visible: false
    anchors.right: parent.right
    anchors.left: parent.left
    anchors.bottom : parent.bottom
    parent: ApplicationWindow.overlay
}

}