Skip to content

Mat-chip component swallows application events catching by @HostListener. #19759

Closed
@bevas

Description

@bevas

Overview of the Issue

Mat-chip component swallows click events catching by @HostListener.

Angular and Material Versions

"@angular/animations": "9.1.9",
"@angular/cdk": "9.2.4",
"@angular/common": "^9.1.4",
"@angular/compiler": "9.1.9",
"@angular/core": "^9.1.4",
"@angular/forms": "^9.1.4",
"@angular/material": "9.2.4",
"@angular/platform-browser": "^9.1.4",
"@angular/platform-browser-dynamic": "^9.1.9",
"@angular/router": "^9.1.4"

Motivation for or Use Case

Trying to close mat dialog without backdrop by clicking out side. Followed question on stackoverflow

Browsers and Operating System

Windows 10 Enterprice - Version 1803
Chrome - Version 83.0.4103.116 (Official Build) (64-bit)

Reproduce the Error

Run stackbliz demo
Do some clicks in application and see the console log. Mouse events are not catch-up for mat-chip clicks.

Screenshots
NA
Related Issues
NA
Suggest a Fix
NA

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/chips

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions