← Back to team overview

touch-packages team mailing list archive

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

 

** Description changed:

  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)
+     applicationName: "testdelete.nik90"
+     width: units.gu(100)
+     height: units.gu(75)
  
-     Page {
-         title: "Swipe to Delete"
-         ListItem {
-             id: listItem
-             anchors.top: parent.top
+     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 }
-             }
+             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()
+                     }
+                 ]
+             }
+         }
+     }
+ }
  
-             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.

-- 
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


References