Skip to content

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

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

Closed
sourabhsoni0711 opened this issue Jun 3, 2021 · 2 comments · Fixed by #22889
Assignees
Labels
Accessibility This issue is related to accessibility (a11y) area: material/datepicker P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@sourabhsoni0711
Copy link

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
@sourabhsoni0711 sourabhsoni0711 added the needs triage This issue needs to be triaged by the team label Jun 3, 2021
@crisbeto crisbeto self-assigned this Jun 4, 2021
@crisbeto crisbeto added Accessibility This issue is related to accessibility (a11y) area: material/datepicker has pr P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent and removed needs triage This issue needs to be triaged by the team labels Jun 4, 2021
@crisbeto
Copy link
Member

crisbeto commented Jun 4, 2021

I'm submitting a fix for the focus indication on selected dates. The issue with down arrows is known and it's something that we'd have to tackle across the entire project.

crisbeto added a commit to crisbeto/material2 that referenced this issue Jun 4, 2021
…ate in high contrast mode

Fixes that selected dates in the calendar didn't have focus indication in high contrast mode.

Fixes angular#22873.
andrewseguin pushed a commit that referenced this issue Jan 13, 2022
…ate in high contrast mode (#22889)

Fixes that selected dates in the calendar didn't have focus indication in high contrast mode.

Fixes #22873.

(cherry picked from commit 66c9e4e)
andrewseguin pushed a commit that referenced this issue Jan 13, 2022
…ate in high contrast mode (#22889)

Fixes that selected dates in the calendar didn't have focus indication in high contrast mode.

Fixes #22873.
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Feb 13, 2022
forsti0506 pushed a commit to forsti0506/components that referenced this issue Apr 3, 2022
…ate in high contrast mode (angular#22889)

Fixes that selected dates in the calendar didn't have focus indication in high contrast mode.

Fixes angular#22873.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Accessibility This issue is related to accessibility (a11y) area: material/datepicker P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
2 participants