bug(mat-chip-option): Cursor should be "pointer" on hover

[devcrev]

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

When using "Basic chips" as shown in the documentation at https://material.angular.io/components/chips/overview, (v15.0.0) The mouse cursor be styled as "pointer" instead of the "default" cursor.

Reproduction

Steps to reproduce:

1. Use the link in the issue description.
2. Hover the mouse over each of the first example chips in this overview section, i.e. "One fish", "Two fish", etc.
3. Notice the mouse cursor does not change when hovering over these "clickable" chips.

Expected Behavior

Cursor to change to "pointer" when hovering over clickable chips.

Actual Behavior

The cursor remains as "default" when hovering over clickable chips.

Environment

• Angular: 15.0.0
• CDK/Material: 15.0.0
• Browser(s): Chrome, Firefox, Edge
• Operating System: Windows 10

[devcrev]

Adding this overly specific selector to the global styles.css file is a workaround:

button[matchipaction][role="option"][aria-disabled="false"][type="button"] {
  cursor: pointer;
}

[angular-automatic-lock-bot[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.}