Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(material/core): add fallback if ripples get stuck #29323

Merged
merged 1 commit into from
Jun 27, 2024

Conversation

crisbeto
Copy link
Member

Currently ripples assume that after the transition is started, either a transitionend or transitioncancel event will occur. That doesn't seem to be the case in some browser/OS combinations and when there's a high load on the browser.

These changes add a fallback timer that will clear the ripples if they get stuck.

Fixes #29159.

@crisbeto crisbeto added the target: patch This PR is targeted for the next patch release label Jun 26, 2024
@crisbeto crisbeto requested a review from a team as a code owner June 26, 2024 09:23
@crisbeto crisbeto requested review from amysorto and mmalerba and removed request for a team June 26, 2024 09:23
Currently ripples assume that after the transition is started, either a `transitionend` or `transitioncancel` event will occur. That doesn't seem to be the case in some browser/OS combinations and when there's a high load on the browser.

These changes add a fallback timer that will clear the ripples if they get stuck.

Fixes angular#29159.
@crisbeto crisbeto force-pushed the 29159/stuck-ripples branch from c09194f to 73f2fa3 Compare June 26, 2024 09:33
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Jun 27, 2024
@crisbeto crisbeto removed the request for review from amysorto June 27, 2024 15:56
@crisbeto crisbeto merged commit 674538b into angular:main Jun 27, 2024
21 of 24 checks passed
crisbeto added a commit that referenced this pull request Jun 27, 2024
Currently ripples assume that after the transition is started, either a `transitionend` or `transitioncancel` event will occur. That doesn't seem to be the case in some browser/OS combinations and when there's a high load on the browser.

These changes add a fallback timer that will clear the ripples if they get stuck.

Fixes #29159.

(cherry picked from commit 674538b)
essjay05 pushed a commit to essjay05/angular-components that referenced this pull request Jun 27, 2024
Currently ripples assume that after the transition is started, either a `transitionend` or `transitioncancel` event will occur. That doesn't seem to be the case in some browser/OS combinations and when there's a high load on the browser.

These changes add a fallback timer that will clear the ripples if they get stuck.

Fixes angular#29159.
DBowen33 pushed a commit to DBowen33/components that referenced this pull request Jul 3, 2024
Currently ripples assume that after the transition is started, either a `transitionend` or `transitioncancel` event will occur. That doesn't seem to be the case in some browser/OS combinations and when there's a high load on the browser.

These changes add a fallback timer that will clear the ripples if they get stuck.

Fixes angular#29159.
@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Jul 28, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(matRipple): Ripple effect sometimes persists when used with cdkDrag
2 participants