Ticket #2530396 (accepted defect)

Reporter


Simon Gilligan
Opened: 06/4/11
Last modified: 03/15/13
Status: accepted
Type: defect

Owner


Derek Gathright
Target Release: BACKLOG
Priority: P4 (low)
Summary: Horizontal scrollview to support vertical drag gesture
Description:

The horizontal scrollview doesn't support a vertical gesture to allow a vertical scroll of a container page.

Use case (on iPad):
http://www.apple.com/ipad features a horizontal scrollview (their implementation) at the top of the page. It supports horizontal scroll through different promotional images of the ipad. I can also
drag the scrollview area vertically to activate the html page-level scroll and scroll the page down.

The YUI scrollview implementation does not support this action - meaning I can't initiate a page level scroll whilst in the scroll view area. On touch devices, if the horz scroll view happens to cover
the entire viewport of the browser, then content below the scrollview can never be reached.

Type: defect Observed in Version: 3.4.0 PR1
Component: ScrollView Severity: S3 (normal)
Assigned To: Derek Gathright Target Release: BACKLOG
Location: Library Code Priority: P4 (low)
Tags: Relates To:
Browsers: iOS 4
URL:
Test Information:

Change History

Simon Gilligan

Posted: 06/13/11

A clarification: it is the single finger vertical swipe that is ignored. A double finger vertical swipe works as expected.

Satyen Desai

YUI Developer

Posted: 06/23/11
  • location changed to Library Code
  • milestone changed to 3.4.0
  • priority changed to P3 (normal)
  • status changed from new to accepted

Satyen Desai

YUI Developer

Posted: 06/23/11
  • estimated changed from 0 to 1
  • sprint changed to sprint 3

Tilo Mitra

YUI Developer

Posted: 06/27/11

Tilo Mitra

YUI Developer

Posted: 06/27/11
  • priority changed from P3 (normal) to P4 (low)

Will try to get this in for PR3 but changing the priority for sprint planning purposes.

Tilo Mitra

YUI Developer

Posted: 06/28/11
  • sprint changed from sprint 3
  • status changed from assigned to accepted

Tilo Mitra

YUI Developer

Posted: 07/14/11

BZ id = 4673730

Tilo Mitra

YUI Developer

Posted: 08/10/11
  • milestone changed from 3.4.0 to 3.5.0

Tilo Mitra

YUI Developer

Posted: 08/22/11
  • milestone changed from 3.5.0 to 3.4.1

Tilo Mitra

YUI Developer

Posted: 08/24/11

Satyen Desai

YUI Developer

Posted: 08/24/11
  • status changed from assigned to accepted

Sorry, surprised this wasn't in the bug already:

You can set:

var sv = new Y.ScrollView(...);
sv._prevent.move = false;

to work around this issue if required.

Putting on the backlog for 3.4.1, although it's likely to be 3.5.0

Satyen Desai

YUI Developer

Posted: 09/27/11
  • milestone changed from 3.4.1 to 3.5.0

Satyen Desai

YUI Developer

Posted: 11/7/11

Derek Gathright

YUI Developer

Posted: 11/9/11
  • sprint changed to sprint 1
  • status changed from assigned to accepted

Derek Gathright

YUI Developer

Posted: 11/9/11
  • sprint changed from sprint 1

Derek Gathright

YUI Developer

Posted: 03/27/12
  • browser changed from iOS 3,iOS 4 to iOS 4
  • milestone changed from 3.5.0 to 3.6.0

Derek Gathright

YUI Developer

Posted: 07/21/12
  • milestone changed from 3.6.0 to 3.7.0

Nice idea. I'm integrating a bunch of scrollview refactoring I've been working on for this upcoming release and will keep it in mind.

Jenny Donnelly

YUI Developer

Posted: 08/1/12
  • milestone changed from 3.7.0 to 3.6.x

Moving 3.7.0 bugs to 3.6.x for triage.

Derek Gathright

YUI Developer

Posted: 08/7/12
  • sprint changed to Backlog

Jenny Donnelly

YUI Developer

Posted: 09/19/12
  • milestone changed from 3.6.x to 3.CURRENT.NEXT

Moving from 3.6.x to 3.CURRENT.NEXT

Derek Gathright

YUI Developer

Posted: 09/24/12
  • milestone changed from 3.CURRENT.NEXT to 3.NEXT

Simon Gilligan

Posted: 01/12/13

Having come back to this quite a bit later - Satyen's suggestion of using sv._prevent.move = false does work.

I've since isolated my issue to allowing vertical scroll (sv._prevent.move = false) - except when dragging horizontally. When doing so, vertical scroll needs to be turned off until after the gesture is complete, otherwise the horizontal drag will also scroll the page vertically as the there will typically be some vertical movement in the flick/drag.

I've used a variation of this - https://github.com/zordius/yui3-gallery/blob/master/src/gallery-zui-rascroll/js/zui-rascroll.js - to achieve this behaviour - it would be nice to have this configurable natively eg set('singleAxisSwipe',true)

Derek Gathright

YUI Developer

Posted: 03/15/13
  • milestone changed from 3.NEXT to BACKLOG