Skip to content
This repository has been archived by the owner on Aug 30, 2019. It is now read-only.

ripple effects fire while scrolling #76

Open
rbrandino1 opened this issue Sep 28, 2015 · 3 comments
Open

ripple effects fire while scrolling #76

rbrandino1 opened this issue Sep 28, 2015 · 3 comments
Labels

Comments

@rbrandino1
Copy link

I've noticed that material's ripple fires when I scroll up and down into list, which shouldn't happen.
So it seems to me that ionic-material-design-lite shouldn't fire ripples on the basic touchstart event.

   <ion-content>
        <ion-list>
            <ion-item ng-repeat="item in vm.itens">
                <h4>{{item.title}}</h4>
                <p>{{item.one}}</p>
            </ion-item>
        </ion-list>
    </ion-content>
@jjaybrown
Copy link
Owner

Ripple uses the MDL library, when you scroll are you using a device/emulator or the browser? The browser can send off false events.

@rbrandino1
Copy link
Author

I tested the browser and also on a real device, and the result was the same:
see here!
When beginning the scroll is already fired the ripple effect.

So this should work this way?
Why the scrolling of the Gmail (native), for example, it does not.

@jjaybrown
Copy link
Owner

OK so taking a look at your video and attempted to re-create locally. It's caused by a long tap, the list rows are activated by touch. SO when you scroll you are in fact performing an initial touch event.

I'm not sure how this can be resolved or whether this is intended behaviour given it's a drag/scroll event within the browser. But doesn't appear to be an issue on the device. Least not that I've been able to re-create.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

2 participants