Skip to content

Commit

Permalink
feat(cdk/a11y): HighContrastModeDetector need not support IE11 (#24462
Browse files Browse the repository at this point in the history
)
  • Loading branch information
damingerdai authored Feb 23, 2022
1 parent 9946bb3 commit feaf50b
Showing 1 changed file with 7 additions and 8 deletions.
15 changes: 7 additions & 8 deletions src/cdk/a11y/high-contrast-mode/high-contrast-mode-detector.ts
Original file line number Diff line number Diff line change
Expand Up @@ -92,19 +92,18 @@ export class HighContrastModeDetector {
_applyBodyHighContrastModeCssClasses(): void {
if (!this._hasCheckedHighContrastMode && this._platform.isBrowser && this._document.body) {
const bodyClasses = this._document.body.classList;
// IE11 doesn't support `classList` operations with multiple arguments
bodyClasses.remove(HIGH_CONTRAST_MODE_ACTIVE_CSS_CLASS);
bodyClasses.remove(BLACK_ON_WHITE_CSS_CLASS);
bodyClasses.remove(WHITE_ON_BLACK_CSS_CLASS);
bodyClasses.remove(
HIGH_CONTRAST_MODE_ACTIVE_CSS_CLASS,
BLACK_ON_WHITE_CSS_CLASS,
WHITE_ON_BLACK_CSS_CLASS,
);
this._hasCheckedHighContrastMode = true;

const mode = this.getHighContrastMode();
if (mode === HighContrastMode.BLACK_ON_WHITE) {
bodyClasses.add(HIGH_CONTRAST_MODE_ACTIVE_CSS_CLASS);
bodyClasses.add(BLACK_ON_WHITE_CSS_CLASS);
bodyClasses.add(HIGH_CONTRAST_MODE_ACTIVE_CSS_CLASS, BLACK_ON_WHITE_CSS_CLASS);
} else if (mode === HighContrastMode.WHITE_ON_BLACK) {
bodyClasses.add(HIGH_CONTRAST_MODE_ACTIVE_CSS_CLASS);
bodyClasses.add(WHITE_ON_BLACK_CSS_CLASS);
bodyClasses.add(HIGH_CONTRAST_MODE_ACTIVE_CSS_CLASS, WHITE_ON_BLACK_CSS_CLASS);
}
}
}
Expand Down

0 comments on commit feaf50b

Please sign in to comment.