Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.

Open Beginner friendly
#33,933 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

@lekhmanrus is already working on this.

Since Oct 8, 2026.

  • #33943 by @lekhmanrus — open

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
70/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
angular, angularjs, typescript
Domain
frontend

Research direction

Start with the Material sort component and its tests, following the hover hint arrow behavior for an unsorted header when another column has an active sort direction. Compare the hint's direction with the header's configured start direction (matSortStart, defaulting to asc). Done when the Fat-column hint points up before clicking and matches the direction produced by the click.

Written by the indexing model from the issue text.

Description

area: material/sort gemini-triaged needs triage
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

18

Description

The hint arrow on an unsorted header uses the table's current direction, but a click sorts that header in its start direction (matSortStart, asc by default).

Last worked as expected on v18. Which can be seen on the docs page.

https://material.angular.dev/components/sort/overview (bugged)

https://v18.material.angular.dev/components/sort/overview (working)

Reproduction

This can be reproduced on the docs page.

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

  1. Sort the Calories column desc.
  2. Hover the Fat column.
  3. Note the direction of the hover hint arrow.
  4. Click the Fat column to sort.
  5. NOT sorted how the hint from three (3) suggested it would be.
Expected Behavior

At step three in the reproduction description, the hover hint arrow should be pointed up.

Actual Behavior

At step three in the reproduction description, the hover hint arrow is pointed down.

Environment
  • Angular: latest
  • CDK/Material: latest
  • Browser(s): all
  • Operating System (e.g. Windows, macOS, Ubuntu): all
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 12h
Merged PRs (30d)
92

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from angular/components

All issues in angular/components

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.