Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

fix(ink ripple) - Tab InkRipple on Mobile #107

Closed
thienedits opened this issue Jul 23, 2014 · 4 comments
Closed

fix(ink ripple) - Tab InkRipple on Mobile #107

thienedits opened this issue Jul 23, 2014 · 4 comments
Assignees

Comments

@thienedits
Copy link

Ripple on tabs sometimes does not fade all the way out on mobile, specifically tested on Nexus 5. This happens the quicker and more time you click between tabs. Here is a screen recording of the behavior.

https://www.youtube.com/watch?v=16KEN9JMQ2k&feature=youtu.be

On a side note, on the radio buttons the ripple's opacity seem to get darker the more times you click on the radio button.

@ernestoalejo
Copy link

I can reproduce it in Chrome 38 (Windows)

@ThomasBurleson
Copy link
Contributor

Ripple opacity darkening has been fixed 6ae9d12

@thienedits
Copy link
Author

awesome, working now on mobile.

@shusain
Copy link

shusain commented Oct 29, 2015

Having a somewhat related problem with buttons in a sidenav. The md-ripple effect works fine in cases when I clearly touch down on a button and release my finger while still over that button.

If I touch down the ripple appears then I drag my finger away a bit and when I release my finger it's not over the button and consequently the button has the dark ripple color left behind it, as though it is still being pressed. Seems it can be reproduced on a Nexus 5 or Nexus 10 but doesn't happen on the desktop (this problem occurs on the angular material site as well as my app).

Any tips, workarounds or fixes welcome.

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

No branches or pull requests

4 participants