Skip to content

[Patch port] fix(material/tabs): flicker when animationDuration is set to zero #30968

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

Merged
merged 1 commit into from
Apr 28, 2025

Conversation

crisbeto
Copy link
Member

@crisbeto crisbeto commented Apr 28, 2025

Note: this is a patch port of #30966

The tabs have a fallback that sets transition-delay: 1ms in case users disabled animations without going through one of our APIs. That was also applying when they set animationDuration="0" which is a supported API. The result was a slight flicker.

These changes resolve the flicker by treating animationDuration="0" in the same way as if animations were disabled globally.

Fixes #30964.

…gular#30966)

The tabs have a fallback that sets `transition-delay: 1ms` in case users disabled animations without going through one of our APIs. That was also applying when they set `animationDuration="0"` which is a supported API. The result was a slight flicker.

These changes resolve the flicker by treating `animationDuration="0"` in the same way as if animations were disabled globally.

Fixes angular#30964.
@crisbeto crisbeto added the target: patch This PR is targeted for the next patch release label Apr 28, 2025
@crisbeto crisbeto requested a review from a team as a code owner April 28, 2025 17:09
@crisbeto crisbeto requested review from mmalerba and andrewseguin and removed request for a team April 28, 2025 17:09
@crisbeto crisbeto removed the request for review from mmalerba April 28, 2025 19:36
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Apr 28, 2025
@crisbeto crisbeto merged commit 9a8d136 into angular:19.2.x Apr 28, 2025
28 of 30 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
action: merge The PR is ready for merge by the caretaker area: material/tabs target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants