bug(mat-button): Button is clickable even if the cursor is not on the button

[iKrishnaSahu]

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

14

Description

Button is clickable even if the cursor is not on the button

v15

v14

Reproduction

Steps to reproduce:

1. Visit https://material.angular.io/components/button/overview
2. Try the same step which is shown in the attached gifs

Expected Behavior

Button should not be clickable if cursor is not on the button

Actual Behavior

Button is clickable if cursor is not on the button

Environment

• Angular: 15
• CDK/Material: 15
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[crisbeto]

This is working as expected. In the MDC buttons we added an extra element to make sure that buttons have a appropriately-sized touch target for touchscreen users. See https://github.com/angular/components/blob/main/src/material/button/button.html#L24.

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