Skip to content
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.

Sign up for GitHub

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

Jump to bottom

MatSelect: dropdown arrow renders as rectangle in high-contrast mode #14207

Closed
ankz2390 opened this issue Nov 19, 2018 · 2 comments
Closed

MatSelect: dropdown arrow renders as rectangle in high-contrast mode #14207

ankz2390 opened this issue Nov 19, 2018 · 2 comments
Labels
Accessibility This issue is related to accessibility (a11y) area: material/select P4 A relatively minor issue that is not relevant to core functions

Comments

@ankz2390
Copy link

Bug, feature request, or proposal:
Bug

What is the expected behavior?
Dropdown arrow should be visible on windows HC mode

What is the current behavior?
Dropdown icon not visible. Replaced with a small box

What are the steps to reproduce?
Activate windows HC mode using accessibility menu,

What is the use-case or motivation for changing an existing behavior?
Catering for accessibility for disabilities requiring high contrast modes

Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Edge

image
@josephperrott josephperrott added Accessibility This issue is related to accessibility (a11y) P4 A relatively minor issue that is not relevant to core functions labels Nov 20, 2018
@devversion devversion assigned crisbeto and unassigned devversion Nov 20, 2018
crisbeto added a commit to crisbeto/material2 that referenced this issue Nov 20, 2018
@crisbeto
fix(select): arrow not rendering correctly in high contrast mode
78d766e 
Since all borders get rendered out in high contrast mode, we can't use a CSS triangle to render out the `mat-select` dropdown arrow. These changes replace it with an SVG arrow.

Fixes angular#14207.
@crisbeto crisbeto mentioned this issue Nov 20, 2018
Closed
jelbourn pushed a commit that referenced this issue Nov 28, 2018
@crisbeto @jelbourn
fix(select): arrow not rendering correctly in high contrast mode
5629a8b 
Since all borders get rendered out in high contrast mode, we can't use a CSS triangle to render out the `mat-select` dropdown arrow. These changes replace it with an SVG arrow.

Fixes #14207.
crisbeto added a commit to crisbeto/material2 that referenced this issue Jun 20, 2019
@crisbeto
fix(select): arrow not rendering correctly in high contrast mode
fa48769 
Since all borders get rendered out in high contrast mode, we can't use a CSS triangle to render out the `mat-select` dropdown arrow. These changes replace it with an SVG arrow.

Fixes angular#14207.
@jelbourn jelbourn changed the title mat-select arrow not visible in HC mode MatSelect: dropdown arrow renders as rectangle in high-contrast mode Nov 25, 2020
crisbeto added a commit to crisbeto/material2 that referenced this issue Jan 15, 2021
@crisbeto
fix(material/select): arrow not rendering correctly in high contrast …
ed0a833 
…mode

Since all borders get rendered out in high contrast mode, we can't use a CSS triangle to
render out the `mat-select` dropdown arrow. These changes replace it with an SVG arrow.

Fixes angular#14207.
crisbeto added a commit to crisbeto/material2 that referenced this issue Jan 19, 2021
@crisbeto
fix(material/select): arrow not rendering correctly in high contrast …
4144b2e 
…mode

Since all borders get rendered out in high contrast mode, we can't use a CSS triangle to
render out the `mat-select` dropdown arrow. These changes replace it with an SVG arrow.

Fixes angular#14207.
crisbeto added a commit to crisbeto/material2 that referenced this issue Jan 19, 2021
@crisbeto
fix(material/select): arrow not rendering correctly in high contrast …
7609ba1 
…mode

Since all borders get rendered out in high contrast mode, we can't use a CSS triangle to
render out the `mat-select` dropdown arrow. These changes replace it with an SVG arrow.

Fixes angular#14207.
@annieyw annieyw mentioned this issue Apr 21, 2021
Closed
@crisbeto crisbeto removed their assignment Feb 26, 2022
@amysorto
Copy link
Contributor

amysorto commented Nov 2, 2022

This has been resolved in the new MDC based select component coming in v15 soon

@amysorto amysorto closed this as completed Nov 2, 2022
@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 Dec 3, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
Accessibility This issue is related to accessibility (a11y) area: material/select P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(material/select): arrow not rendering correctly in high contrast mode crisbeto/material2
6 participants
@ankz2390 @crisbeto @devversion @amysorto @josephperrott @andrewseguin