Skip to content

bug(mat-date-range-picker): In windows high contrast mode, focus indicator is not present for selected dates #22873

Closed
@sourabhsoni0711

Description

@sourabhsoni0711

Reproduction

Use StackBlitz to reproduce your issue:

Steps to reproduce:
1 .Enable High contrast mode in windows machine
2. Open date range picker in example 1 https://material.angular.io/components/datepicker/examples
3. Observe that 'selected date' and 'Down pointing arrow' are not visible in HC mode and does not have focus indicator.

Expected Behavior

In HC mode, all the elements should be visible and also visible focus indicator should be present for all controls

Actual Behavior

'Down pointing arrow' is invisible and the 'selected dates' does not have a visible focus indicator.

Environment

  • Angular: 11.0.3
  • CDK/Material: 11.0.3
  • Browser(s): Firefox 88
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows 10 Enterprise

Metadata

Metadata

Assignees

Labels

AccessibilityThis issue is related to accessibility (a11y)P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/datepicker

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions