Skip to content

bug(MatSort/MatTooltip): Sort headers keyboard focus indicator not working when the header has a MatTooltip #19218

Closed
@Warwizza

Description

@Warwizza

Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-bvhoxg?file=src/app/table-sorting-example.html

Steps to reproduce:

  1. Tab through the table columns and notice the weight header column does not have a keyboard focussed indicator.
  2. If you remove the tooltip the column the indicator works as expected.

Expected Behavior

What behavior were you expecting to see?
All columns should get the keyboard focussed indicator. Not only the columns without a tooltip.

Actual Behavior

What behavior did you actually see?
The header with the tooltip did not get the keyboard focussed indicator.

Environment

  • Angular: 9+
  • CDK/Material: 9+
  • Browser(s): FF 75, Chrome 81 and Edge 81
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

First issue: #17716

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions