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

Regression - Button clicks open keyboard in WebAssembly on Android

    XMLWordPrintable

Details

    • WebAssembly
    • 442e2f4ae (dev), 87e28fc8e (6.9), 9afee1ab5 (6.8)

    Description

      Clicking on a button opens the Android keyboard when running the following application in Web Assembly.

      Successive button clicks work as expected.

       

      import QtQuick
      import QtQuick.Window
      import QtQuick.Layouts
      import QtQuick.ControlsApplicationWindow {
          id: root    height: 150
          visible: true
          width: 640    onActiveFocusControlChanged: {
              console.log("New focus: " + root.activeFocusControl);
          }    component BounceAnim: SequentialAnimation {
              id: bounce_anim
              required property Item target
              // alwaysRunToEnd: true
              NumberAnimation {
                  target: bounce_anim.target
                  properties: "y"
                  to: -40
                  duration: 100
                  easing.type: Easing.OutCubic
              }
              NumberAnimation {
                  target: bounce_anim.target
                  properties: "y"
                  to: 0
                  duration: 300
                  easing.type: Easing.OutBounce
              }
          }    Flickable {
              anchors.fill: parent
              contentWidth: column.width
              contentHeight: column.height
              clip: true
              ColumnLayout {
                  id: column
                  width: Math.max(300, root.width)
                  height: Math.max(150, root.height)            // padding: 20
                  spacing: 20
                  RowLayout {
                      Layout.margins: 20
                      spacing: 40
                      Layout.fillWidth: true
                      Label {
                          text: "Path"
                      }
                      TextField {
                          id: field
                          Layout.fillWidth: true
                          KeyNavigation.tab: ok
                      }
                  }
                  RowLayout {
                      Layout.margins: 20
                      Layout.alignment: Qt.AlignRight | Qt.AlignBottom
                      Button {
                          id: ok
                          text: "OK"
                          onClicked: {
                              console.log("Hello!!! " + field.text);
                              anim_ok.restart();
                          }
                          BounceAnim {
                              id: anim_ok
                              target: ok
                          }
                      }
                      Button {
                          id: cancel
                          text: "Cancel"
                          onClicked: {
                              console.log("Cancel!!!");
                              anim_cancel.restart();
                          }
                          BounceAnim {
                              id: anim_cancel
                              target: cancel
                          }
                      }
                  }
              }
          }
      }
       

      Attachments

        1. keyboard.gif
          394 kB
          Jonathan Mouchou

        Issue Links

          For Gerrit Dashboard: QTBUG-133781
          # Subject Branch Project Status CR V

          Activity

            People

              evenandersen Even Oscar Andersen
              jonmouchou Jonathan Mouchou
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Gerrit Reviews

                  There are no open Gerrit changes