Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-95067

WASM: Quick Window is bigger than browser frame on mobile browsers

    XMLWordPrintable

Details

    • Bug
    • Resolution: Done
    • P3: Somewhat important
    • 6.3.0 Beta3, 6.4.0 Beta1
    • 5.15.2
    • QPA, Quick: Other
    • None
    • Windows 10 20H2 (emsdk 1.39.8)
        Firefox 89.0.2
        Chrome 91.0.4472.124
      Android 10
        Firefox 89.1.1
        Chrome 91.0.4472.120
    • WebAssembly
    • 367f96aedf (qt/qtbase/dev) 367f96aedf (qt/tqtc-qtbase/dev) dc3671fe91 (qt/qtbase/6.3) dc3671fe91 (qt/tqtc-qtbase/6.3) dc3671fe91 (qt/tqtc-qtbase/6.3.0)

    Description

      On mobile browsers wasm quick apps are cut off at the bottom.
      It looks like the app sizes the window to the screensize of the device instead of the actual browser frame.

       

      Result Firefox Desktop:

      Result Chrome Desktop:

      Result Firefox Android app:

      Result Chrome Android app:

      Example app:

      import QtQuick 2.15
      import QtQuick.Window 2.15
      
      Window {
          width: 640
          height: 480
          visible: true
          title: qsTr("Hello World")
          Rectangle{
              height: parent.height
              width: parent.width
              color: "blue"
              Rectangle{
                  x: 50
                  y: 50
                  height: parent.height - 2 * x
                  width: parent.width - 2 * y
                  color: "white"
              }
          }
      }
      

      Slightly offtopic:
      I tried getting Qt 6.1.2/6.2.0 Beta built from source for webassembly to check if it was an issue there, but I could not get the builds to work on windows. Should they work?

      Slightly more offtopic:
      I had to upload the images somewhere else and link to the images, I could not attach images or the example project.

      Attachments

        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

        Activity

          People

            aleksandr.reviakin Aleksandr Reviakin
            Marscho Marscho
            Votes:
            1 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Gerrit Reviews

                There are no open Gerrit changes