Ubuntu UI Toolkit

Removable list items should be swiped up/down to be removed from an horizontal listview

Bug #1187476 reported by Olivier Tilloy on 2013-06-04

This bug affects 2 people

Affects		Status	Importance	Assigned to	Milestone
	Ubuntu UI Toolkit	Invalid	Medium	Unassigned

Bug Description

The 'removable' property on Empty list items (http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components-listitems0-empty.html#removable-prop) currently works only for vertical list views.

In an horizontal list view, the gesture to remove an item conflicts with the gesture to flick the list. Instead, the swipe gesture to remove an item in an horizontal listview should be upwards/downwards.

I’m attaching a simple QML example that illustrates the problem.

Revision history for this message

Olivier Tilloy (osomon) wrote on 2013-06-04:

test.qml Edit (1.2 KiB, text/plain)

Revision history for this message

Tim Peeters (tpeeters) wrote on 2013-06-04:

indeed, in a horizontal listview you need to swipe horizontally to remove a removable list item.

What is the use case for having to swipe vertically?

Revision history for this message

Olivier Tilloy (osomon) wrote on 2013-06-04:

Per discussion with design, in the browser the list of currently open tabs is an horizontal list, and closing a tab should be achieved by swiping its delegate up/down.

Tim Peeters (tpeeters) on 2013-06-05

Changed in ubuntu-ui-toolkit:
status:	New → Confirmed

Revision history for this message

Ryan Gray (hrasdt) wrote on 2013-06-29:

Add up-down swiping support to the Empty ListItem. Edit (10.2 KiB, text/plain)

Hi all,

I've been using Ubuntu Touch on my only phone for a couple weeks, and the browser tab bug was really irritating me (the ability to close tabs is required behaviour, IMO). I've fixed the bug here, although it may require extra stuff in ThinDivider.qml for parity between horizontal and vertical lists.

I wasn't entirely sure of how implicitHeight was used, so removal animation may need to be corrected. Otherwise, the code is much the same as for the more common use-case.

test.qml now works as expected, although I haven't yet tested it with the browser code. Also, I'm an absolute beginner at QML and Ubuntu stuff in general, so please correct any mistakes/poor style I've made.

Florian Boucault (fboucault) on 2013-07-03

Changed in ubuntu-ui-toolkit:
importance:	Undecided → High

Revision history for this message

Olivier Tilloy (osomon) wrote on 2013-07-29:

The UX design for the browser app has been updated, closing tabs is no longer achieved by swiping them. Instead, a long press on any open tab toggles the 'close' mode, which allows closing any open tab by tapping it (exactly like running applications in the apps lens).
I guess the importance of this bug can be lowered, unless there are other valid use cases.

Florian Boucault (fboucault) on 2013-07-29