Skip to content

[Dropdown]: Ensure select chevron is visible in forced colors mode.#4457

Merged
thisisdano merged 3 commits into
uswds:developfrom
trimspa:4454-select
Jan 18, 2022
Merged

[Dropdown]: Ensure select chevron is visible in forced colors mode.#4457
thisisdano merged 3 commits into
uswds:developfrom
trimspa:4454-select

Conversation

@trimspa

@trimspa trimspa commented Jan 11, 2022

Copy link
Copy Markdown

Ensure select chevron is visible in forced colors mode

Resolves #4454. This PR ensures that a chevron is visible when users are in forced colors mode no matter the theme they select.

Additional information

For more information on styling for forced colors see: https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/

Before you hit Submit, make sure you’ve done whichever of these applies to you:

  • Follow the 18F Front End Coding Style Guide and Accessibility Guide.
  • Run npm test and make sure the tests for the files you have changed have passed.
  • Run your code through HTML_CodeSniffer and make sure it’s error free.
  • Title your pull request using this format: [Website] - [UI component]: Brief statement describing what this pull request solves.

@trimspa trimspa changed the title Ensure select chevron in visible in forced colors mode. Ensure select chevron is visible in forced colors mode. Jan 11, 2022
@trimspa trimspa changed the title Ensure select chevron is visible in forced colors mode. [Dropdown]: Ensure select chevron is visible in forced colors mode. Jan 11, 2022
@trimspa trimspa marked this pull request as ready for review January 13, 2022 16:52
@thisisdano

Copy link
Copy Markdown
Contributor

Thank you! @mejiaj are you able to test this? It looks good in principle.

@thisisdano thisisdano mentioned this pull request Jan 17, 2022
@thisisdano thisisdano requested a review from mahoneycm January 18, 2022 16:32

@mahoneycm mahoneycm left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Works as expected. We should consider adding this to other components where dropdown is used (time picker, combo box, headers)

@thisisdano

Copy link
Copy Markdown
Contributor

@mahoneycm Draft up a new issue for those other components and let's get to them asap

@thisisdano thisisdano merged commit 3ce6fba into uswds:develop Jan 18, 2022
@thisisdano thisisdano mentioned this pull request Jan 19, 2022
mejiaj pushed a commit that referenced this pull request Mar 4, 2022
[Dropdown]: Ensure select chevron is visible in forced colors mode.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Up/down chevrons on the dropdown form control disappears in Windows HCM

3 participants