Skip to content

bug(cdk/dialog): backdrop click is delayed on touch devices #30965

Closed
@martin-yumsto

Description

@martin-yumsto

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

backdropClick emits with a delay on touch devices on cdk Dialog. It would be great to have immediate feedback.

I kind fellow developer diesieben07, pointed out setting touch-action: manipulation; on backdrop element fixes the issue.

Reproduction

Visible even on https://material.angular.io/cdk/dialog/examples when accessing from mobile or responsive simulation

Expected Behavior

backdropClick emits immediately

Actual Behavior

emit is delayed by about a second

Environment

 _                      _                 ____ _     ___
/ \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

/ △ \ | '_ \ / | | | | |/ _ | '__| | | | | | |
/ ___ | | | | (
| | || | | (| | | | || | | |
// __| ||_, |_,||_,|| _|||
|___/

Angular CLI: 19.2.9
Node: 20.18.0
Package Manager: pnpm 8.14.1
OS: darwin arm64

Angular: 19.2.8
... animations, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic
... platform-server, router, service-worker

Package Version

@angular-devkit/architect 0.1902.9 (cli-only)
@angular-devkit/build-angular 19.2.9
@angular-devkit/core 19.2.9 (cli-only)
@angular-devkit/schematics 19.2.9 (cli-only)
@angular/cdk 19.2.11
@angular/cli 19.2.9
@angular/ssr 19.2.9
@schematics/angular 19.2.9 (cli-only)
rxjs 7.5.7
typescript 5.6.3

Metadata

Metadata

Assignees

Labels

P4A relatively minor issue that is not relevant to core functionsarea: cdk/overlay

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions