Giter Site home page Giter Site logo

Inertial Scrolling on PlayBook about bbui.js HOT 9 CLOSED

tneil avatar tneil commented on May 27, 2024
Inertial Scrolling on PlayBook

from bbui.js.

Comments (9)

tneil avatar tneil commented on May 27, 2024

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.

from bbui.js.

yllus avatar yllus commented on May 27, 2024

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

from bbui.js.

tneil avatar tneil commented on May 27, 2024

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

from bbui.js.

tneil avatar tneil commented on May 27, 2024

Pull request now available

#50

from bbui.js.

tneil avatar tneil commented on May 27, 2024

Just merged the pull request

from bbui.js.

asiayeah avatar asiayeah commented on May 27, 2024

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.

from bbui.js.

tneil avatar tneil commented on May 27, 2024

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

from bbui.js.

asiayeah avatar asiayeah commented on May 27, 2024

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.

from bbui.js.

tneil avatar tneil commented on May 27, 2024

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

from bbui.js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.