Important: Please read the Qt Code of Conduct -

QML WebView Select Dialog Issue (Appearing off screen)

  • Hi everyone,

    I'm currently implementing a WebView which contains a web page with a select form element on the page. Whenever I click on the select box, the dialog containing the possible values is appearing off the page.

    The dialog doesn't centre itself within the WebView or the parent. On the simulator it appears just below the dropdown box on the web page but is too wide to fit on the screen (Obscuring the scrollbar) and on the device it appears in the bottom left hand corner of the screen.

    Has anyone got any experience with this? I'm simply using the QML WebView item and it's not within a Flickable (Which I originally thought would be the issue)

    Thanks in advance for any help / tips.


  • I quick example snippet of the problem:

    import QtQuick 1.0
    import QtWebKit 1.0

    Rectangle {
    anchors.fill: parent

    WebView {
        anchors.fill: parent
        url: ""


    "Screenshot of the result":

  • Just tried out the QWebView and dialog shows at the bottom of the page and greys out the rest of the screen. So this seems to be a bug in the QML WebView.

    "Screenshot of the QWebView in a Qt Mobile Application":

Log in to reply