Skip to content

Commit 63c5e00

Browse files
committed
fix(cdk/overlay): reduce touch interaction delay on backdrop (#30971)
Sets `touch-action: manipulation` on the overlay backdrop to reduced the tap delay on touch devices. Fixes #30965. (cherry picked from commit e4a1f54)
1 parent e99b43e commit 63c5e00

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

src/cdk/overlay/_index.scss

+3
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,9 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
9595
-webkit-tap-highlight-color: transparent;
9696
opacity: 0;
9797

98+
// Removes the tap delay on touch devices (see #30965).
99+
touch-action: manipulation;
100+
98101
@include _conditional-layer($wrap-customizable-styles) {
99102
z-index: $overlay-backdrop-z-index;
100103
transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;

0 commit comments

Comments
 (0)