mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
642165f6fc
The code tabs rendered by the example viewer (e.g. the npm/pnpm/yarn/bun install tabs) paint their active label as transparent text clipped to a gradient. Material's MDC tab styles add `transition: color 0.15s linear` to `.mdc-tab__text-label`, plus a 100ms delay on the active tab. Because that transition animates `color` from the solid label color to transparent, the solid color stays visible on top of the gradient for ~100ms when a tab is activated, which reads as a white flash. Disable the transition on these labels so the color switches instantly, and target `.mdc-tab__text-label` directly (instead of a generic `span`) so `color: transparent` drives the gradient clip cleanly.