angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.36k stars 6.74k forks source link

[ripple] add `terminateOnMouseup` option to RippleGlobalOptions #9577

Closed willshowell closed 6 years ago

willshowell commented 6 years ago

Bug, feature request, or proposal:

Proposal

Current behavior

All ripples complete their transformation animation before fading out opacity. This matches the MDC implementation.

Proposed behavior

In some implementations of the Material spec (and to some eyes, like mine), starting the fade out on mouseup is more desirable.

An option such as terminateOnMouseup that would globally affect all ripples would be a welcome accommodation.

Other

This shows the ripple terminating once transformation is complete:

This shows the ripple terminating on mouseup:

This is a continuation of the conversation in https://github.com/angular/material2/pull/7397.

angular-automatic-lock-bot[bot] commented 5 years ago

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.