From 1c1d734e65fe67584414ed86b12423a79206514e Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 29 Apr 2025 10:04:55 +0200 Subject: [PATCH] fix(cdk/overlay): reduce touch interaction delay on backdrop Sets `touch-action: manipulation` on the overlay backdrop to reduced the tap delay on touch devices. Fixes #30965. --- src/cdk/overlay/_index.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/cdk/overlay/_index.scss b/src/cdk/overlay/_index.scss index 8b351bfca653..6952e9dcb9ba 100644 --- a/src/cdk/overlay/_index.scss +++ b/src/cdk/overlay/_index.scss @@ -95,6 +95,9 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default; -webkit-tap-highlight-color: transparent; opacity: 0; + // Removes the tap delay on touch devices (see #30965). + touch-action: manipulation; + @include _conditional-layer($wrap-customizable-styles) { z-index: $overlay-backdrop-z-index; transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;