bug(COMPONENT): Sort Header

[smil-thakur]

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

v18

Description

When focusing on sort header using "tab" key previously on version 18 the sort headers were visible with less opacity but on version 19 the header icons are not visible

old;:

new:

as you can see on new one the header icons not visible on focus

Reproduction

https://material.angular.io/components/sort/overview

check over here and compare with

https://v18.material.angular.io/components/sort/overview

Expected Behavior

expected behavior should be sort icon should be visible with some opacity on focus and on click or enter press it should be visible with full opacity

Actual Behavior

sort icon is not at all visible on focus

Environment

• Angular: 19
• CDK/Material: 19
• Browser(s): chrome
• Operating System (e.g. Windows, macOS, Ubuntu): windows

[smil-thakur]

@amysorto sorry for pinging, if want to look into this problem how can is test it locally, like i cloned the repo, installed packages through yarn install, but was not able to run something to test it locally, can you guide me or share some docs for runinng and testing material components locally and fixing problems

[amysorto]

@smil-thakur If you are interested in looking into contributing a fix, here are instructions for our repo to set up your dev environment: https://github.com/angular/components/blob/main/DEV_ENVIRONMENT.md. The dev app has examples for table once it's run locally which you can test with.

[angular-automatic-lock-bot]

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.}