[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
** Changed in: ubuntu-ux Status: Fix Committed => Fix Released -- 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 Canonical System Image: Fix Released Status in Ubuntu UX: Fix Released Status in ubuntu-ui-toolkit package in Ubuntu: Fix Released 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/canonical-devices-system-image/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
** Changed in: canonical-devices-system-image Status: Fix Committed => Fix Released -- 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 Canonical System Image: Fix Released Status in Ubuntu UX: Fix Committed Status in ubuntu-ui-toolkit package in Ubuntu: Fix Released 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/canonical-devices-system-image/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
** Changed in: canonical-devices-system-image Status: Fix Released => Fix Committed -- 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 Canonical System Image: Fix Committed Status in Ubuntu UX: Fix Committed Status in ubuntu-ui-toolkit package in Ubuntu: Fix Released 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/canonical-devices-system-image/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
This happens on MX4 as well (unsurprisingly) -- 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 Canonical System Image: New Status in Ubuntu UX: Fix Committed 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/canonical-devices-system-image/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
** Changed in: ubuntu-ui-toolkit (Ubuntu) Status: Confirmed => Fix Released ** Changed in: canonical-devices-system-image Status: New => Fix Released -- 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 Canonical System Image: Fix Released Status in Ubuntu UX: Fix Committed Status in ubuntu-ui-toolkit package in Ubuntu: Fix Released 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/canonical-devices-system-image/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
** Also affects: canonical-devices-system-image Importance: Undecided Status: New ** Changed in: canonical-devices-system-image Milestone: None => ww40-2015 ** Changed in: canonical-devices-system-image Assignee: (unassigned) => Zoltan Balogh (bzoltan) ** Changed in: canonical-devices-system-image Importance: Undecided => High -- 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 Canonical System Image: New Status in Ubuntu UX: Fix Committed 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/canonical-devices-system-image/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
** Branch linked: lp:~zsombi/ubuntu-ui-toolkit/listitem_swipe -- 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 -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
Importance risen to critical as affects many apps out in the store. ** Changed in: ubuntu-ui-toolkit (Ubuntu) Importance: Medium => High ** Changed in: ubuntu-ui-toolkit (Ubuntu) Importance: High => Critical -- 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 -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
I've updated the description with a proposal for the width of the leading / trailing actions. Can we address this as well as the issue from Michael (above) Cheers! ** 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) 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. + + --- + + Visual design: desired outcome: + + Please expand the width of the leading and trailing actions to 6gu + (they're currently 5gu). The 2gu icon will be centred in this. ** Changed in: ubuntu-ux Status: Confirmed => Fix Committed -- 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: Fix Committed 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/ubuntu-ux/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
@Jamie, I'm not sure the width of the trailing actions is a problem here. We made a decision that 4x4gu would be an appropriate touch region, I think we should stick to that unless we prove that's too small :) if Michael is right, the width is not an issue here -- 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: Fix Committed 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/ubuntu-ux/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
if you want the action container to be wider just because of its visual representation, then ignore my previous comment :) -- 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: Fix Committed 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/ubuntu-ux/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
Andrea, there are two problems here: 1) the swiping grabs the moves when initiated over a leading/trailing item, which happens to jump the ListItem's content when touched on these actions 2) the size of the action is visually bad, this we have to increase a bit. -- 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: Fix Committed 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. --- Visual design: desired outcome: Please expand the width of the leading and trailing actions to 6gu (they're currently 5gu). The 2gu icon will be centred in this. To manage notifications about this bug go to: https://bugs.launchpad.net/ubuntu-ux/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
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 -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [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 -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp
[Touch-packages] [Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press
** Summary changed: - leading actions width is too small making it very difficult to press + [sdk] leading actions width is too small making it very difficult to press -- 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() } ] } } } } To manage notifications about this bug go to: https://bugs.launchpad.net/ubuntu-ux/+bug/1486008/+subscriptions -- Mailing list: https://launchpad.net/~touch-packages Post to : touch-packages@lists.launchpad.net Unsubscribe : https://launchpad.net/~touch-packages More help : https://help.launchpad.net/ListHelp