search

angular / material

Material design for AngularJS
https://material.angularjs.org/
MIT License
16.55k stars 3.39k forks source link

ink-ripple: animation is not smooth when changing state/route #9402

Open doitlikepruett opened 8 years ago

doitlikepruett commented 8 years ago

When md-ink-ripple is applied to sidenav or some other element that changes state, it is jerky and doesn't fill the element as expected. This is unlike ink ripple applied to an element such as a button, which has a smooth flow of ink.

An example is the Angular Material Docs site itself: https://material.angularjs.org/

To duplicate the issue in Chrome, twirl open DEMOS on the left sidenav and watch the ink as different demo pages are selected. Note the ink is smooth when clicking to a state one is already on, and not smooth when one is clicking on a state one wishes to go to.

This doesn't appear to be an issue on Safari. I've only noticed on Chrome (Version 52.0.2743.116 (64-bit)).

OS X Yosemite 10.10.5

Splaktar commented 6 years ago

It seems like I can still reproduce this on the latest docs site.