touch-packages team mailing list archive

[Michael Sheldon <michael.sheldon@xxxxxxxxxxxxx>]

I think I've tracked down the problem here, the size change is
misleading, whether pressing a leading/trailing action is successful or
not is actually determined by the speed with which you press and release
it.

This is because the hiding animation starts when the area is pressed,
but the action is only triggered on release. Due to a quirk in QML's
mouse areas release event don't get emitted if the finger is no longer
inside the relevant mouse area when the release happens (in this case
caused to the mouse area having been moved by the hiding animation). So
the release event is never emitted and the action isn't triggered.

The size only has an effect in that a larger area gives you a slightly
longer duration in which you can release your finger and have it
register.

I did a quick test to confirm this by triggering the action based on the
pressed property changing and the leading/trailing action buttons became
instantly much more usable. I think the correct solution however would
be to have the hide animation start when the user releases their finger
instead of on the initial press event (but I'm not familiar enough with
the ListItemStyle implementation to do that quickly myself)

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to ubuntu-ui-toolkit in
Ubuntu.
https://bugs.launchpad.net/bugs/1486008

Title:
  [sdk] leading actions width is too small making it very difficult to
  press

Status in Ubuntu UX:
  Confirmed
Status in ubuntu-ui-toolkit package in Ubuntu:
  Confirmed

Bug description:
  Since a recent update to the ListItem leading actions in
  Ubuntu.Components 1.2, where the width of the action was clamped, the
  width is too small to press comfortably on a phone resulting in it
  missing 9 out of 10 tries. It affects the usability of the action and
  may be become a release blocker for apps that have recently switched
  over to the new list items.

  Sample App

  import QtQuick 2.4
  import Ubuntu.Components 1.2

  MainView {
      applicationName: "testdelete.nik90"
      width: units.gu(100)
      height: units.gu(75)

      Page {
          title: "Swipe to Delete"
          ListItem {
              id: listItem
              anchors.top: parent.top

              Label {
                  text: "Swipe me right to delete this listitem"
                  wrapMode: Text.WordWrap
                  anchors { left: parent.left; leftMargin: units.gu(2); right: parent.right; verticalCenter: parent.verticalCenter }
              }

              leadingActions: ListItemActions {
                  actions: [
                      Action {
                          iconName: "delete"
                          onTriggered: listItem.destroy()
                      }
                  ]
              }
          }
      }
  }

  With trailing actions, tapping the trailingActions first causes the
  ListItem to jump/scroll all the way to the left instead of actually
  activating the action. Only a second tap actually activates them.

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu-ux/+bug/1486008/+subscriptions