Skip to content

Use a different approach for preventing ghost click ripples#599

Merged
hai-cea merged 1 commit into
mui:masterfrom
pomerantsev:fix/touch-ripple
May 10, 2015
Merged

Use a different approach for preventing ghost click ripples#599
hai-cea merged 1 commit into
mui:masterfrom
pomerantsev:fix/touch-ripple

Conversation

@pomerantsev

Copy link
Copy Markdown
Contributor

Resolves #456.

This PR essentially reverts most of the changes made in #543, since on iOS, two ripples still could be seen (I did not test it there initially). It was happening because a click event happens 300ms after touchend, and if we just increased the timeout to something like 400ms, a ghost ripple would still be seen if a user tapped twice with a small interval.

So rather than setting a timeout on every touchend, here I'm just checking if there are any touch-generated ripples when handling the click event. If so, no new ripple should be generated.

hai-cea added a commit that referenced this pull request May 10, 2015
Use a different approach for preventing ghost click ripples
@hai-cea
hai-cea merged commit c4406e8 into mui:master May 10, 2015
@hai-cea

hai-cea commented May 10, 2015

Copy link
Copy Markdown
Member

Thanks @pomerantsev !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

scope: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Material-UI button component shows click/tap animation twice on iPhone 5, 5s, 6 on iOS8

3 participants