From 1827922d2ce417310e4f77a2cd2e87ed48a1ed56 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Mon, 29 Mar 2021 20:51:18 +0200 Subject: [PATCH] fix(material/progress-spinner): not visible in high contrast mode on chromium browsers Fixes that progress spinner blends in with the background, because `currentColor` doesn't work as expected on SVGs on Chromium browsers in high contrast mode. --- src/material/progress-spinner/progress-spinner.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/material/progress-spinner/progress-spinner.scss b/src/material/progress-spinner/progress-spinner.scss index b476ea264886..d2556caf97aa 100644 --- a/src/material/progress-spinner/progress-spinner.scss +++ b/src/material/progress-spinner/progress-spinner.scss @@ -38,6 +38,9 @@ $_mat-progress-spinner-default-circumference: // SVG colors aren't inverted automatically in high contrast mode. Set the // stroke to currentColor in order to respect the user's color settings. stroke: currentColor; + // currentColor blends in with the background in Chromium-based browsers + // so we have to fall back to `CanvasText` which isn't supported on IE. + stroke: CanvasText; } }