This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
ink-ripple: animation is not smooth when changing state/route #9402
Open
Description
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