Skip to content

bug(Paginator): Disabled buttons are not visible on high contrast mode (CSS media forced-colors) #30504

Closed
@loociano

Description

@loociano

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Paginator buttons when disabled are not accessible on high contrast mode. There are 2 issues:

  1. Disabled buttons should be outlined in green.
  2. Disabled Button icon is not visible.

Reproduction

Steps to reproduce:

  1. Go to https://material.angular.io/components/paginator/examples
  2. On Chrome Dev Tools > Rendering > Emulate CSS media feature forced-colors, select forced-colors: active.

Expected Behavior

Disabled buttons should be outlined in green.
Disable button icons should be visible.

See button component for reference: https://material.angular.io/components/button/overview

Image

Actual Behavior

Disabled buttons are not outlined in green.
Disable button icons are not visible.

Image

Environment

  • Angular:
  • CDK/Material: 19.1.4
  • Browser(s): Chrome 133.0.6943.98 (64-bit)
  • Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/paginator

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions