bug(mat-checkbox): mat-checkbox steals click event from a sticky button on top of it

[o-strekalova]

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

16

Description

I have a button with CSS position: sticky and a scrollable table with checkboxes in each row. When the sticky button overlaps with a checkbox and shows on top of it, clicking on the button toggles the checkbox underneath it, and it shouldn't.

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-starter-szbaax6a?file=src%2Ftable%2Ftable.component.ts
Steps to reproduce:

1. Scroll down so the sticky button covers one of the checkboxes
2. Click on the button and see that the checkbox was toggled

Expected Behavior

The checkbox shouldn't be toggled

Actual Behavior

Checkbox was toggled

Environment

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

"dependencies": {
"@angular/animations": "^19.2.14",
"@angular/cdk": "^19.2.19",
"@angular/common": "^19.2.14",
"@angular/compiler": "^19.2.14",
"@angular/core": "^19.2.14",
"@angular/forms": "^19.2.14",
"@angular/material": "^19.2.19",
"@angular/platform-browser": "^19.2.14",
"@angular/router": "^19.2.14",
"rxjs": "^7.8.1",
"tslib": "^2.5.0",
"zone.js": "~0.15.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^19.2.15",
"@angular/cli": "19.2.15",
"@angular/compiler-cli": "19.2.14",
"typescript": "~5.5.0"
}