Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Disabled Select / Dropdown is not grayed out #4322

@cameronbuck

Description

@cameronbuck

Describe the bug

Disabled dropdowns are not grayed out like disabled inputs.

Steps to reproduce the bug

  1. Setting the disabled attribute on a select element.

Expected behavior

  1. A disabled select element should be grayed and have the same styling as disabled inputs.

Screenshots

disabled-dropdown

System setup

  • USWDS version: [email protected]
  • Device: Macbook
  • Operating system: Catalina (10.15.7)
  • Browser and version: Chrome 93.0.4577.63

Additional context

I was doing some snooping on the HTML / CSS, and it seems like the background-color to gray it out is there but that it's being overriden.

Metadata

Metadata

Assignees

Labels

Affects: UsabilityRelates to the usability of our code or components

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions