Inertial Scrolling on PlayBook

[tneil]

Currently PlayBook 2.0 has overflow scrolling in divs but it could be improved using a toolkit to add inertial scrolling and elastic ends to the scroll.

My thoughts are to integrate iscroll.js logic into PlayBook dropdowns and screens of bbUI for PlayBook.

We could trim out the Mozilla, iOS and Android specific logic to minimize the JS overhead and integrate the inertial scrolling functionality into bbUI controls by default. Default the settings of iscroll.js to look and feel like PlayBook native scroll bars to create the proper PlayBook UX guidelines look and feel.

From initial tests on PlayBook 2.0 iscroll.js looks like it really performs well and provides that native scrolling experience.

[tneil]

So far this is looking really good!! I have iScroll integrated into bbUI for scrolling on PlayBook on screens using a title bar. Next is getting it on screens without a title bar. It also has the proper translucent scrollbar and fading effect when scrolling finishes like the PlayBook core OS.

Just going through some OSS vetting with iScroll 4 to make sure we include it in the best possible way for the community before pushing it up to my fork.

Work that still needs to happen:

• Finish the OSS scrub to include iScroll 4 into the toolkit
• Test on non-title bar screens for PlayBook
• Test on BB7 to see if it can be enabled there
• Remove the scroll bar for BB7 to follow UX design for the OS
• Add a data attribute to the screen so that you can opt out of the elastic/inertial scrolling for your screen.

[yllus]

Watching this one closely, will be implementing it immediately into Lemma for the BlackBerry PlayBook when I can!

[tneil]

Finished:

• Testing on non-title bar screens for PlayBook
• Add a data attribute to the screen so that you can opt out of the elastic/inertial scrolling for your screen.

I'm not going to be doing the following for now:

• Test on BB7 to see if it can be enabled there
• Remove the scroll bar for BB7 to follow UX design for the OS

I'll open up a new issue for Inertial Scrolling on BB7 devices... Now I just need to do the OSS scrub and I'll get it submitted

[tneil]

Pull request now available

#50

[tneil]

Just merged the pull request

[asiayeah]

I tried a screen with a title and text-arrow-list on a PlayBook. When I drag my finger on the list, it scrolls but multiple entries would get blue hilighted. Previous version would get at most 1 highlighted or focused only. This looks like a bug or is there a way to workaround it? Ideally I don't think any entry in text-arrow-list should be hilighted on a PlayBook.

Thanks.

[tneil]

Do you have the scroll-effects turned off or on?

[asiayeah]

It was tested without data-bb-scroll-effect="off". After your question, I have tried data-bb-scroll-effect="off", the scrolling seems less smooth (Is it what does the iScroll offer?), but the problem with multiple blue lights remain. So it's possible that it's related to some other changes? I am testing blackberry-bbUI.js-30d614d.zip.

Perhaps, the root problem is why there is a blue hilight going on with text-arrow-list on a PlayBook? It is reproducible with the the following sample codes, too.

[tneil]

Yes the smooth scrolling is what iScroll brings to bbUI. I'll take a look at it. I've added a new issue to track this #54