fix(material/tabs): remove delay on touch devices (angular#31489)

crisbeto · web-flow · commit 15d9ef55d328 · 2025-07-08T20:12:23.000+02:00
Fixes that the tabs had a small delay on touch devices. Fixes angular#31488.
diff --git a/src/material/tabs/_tabs-common.scss b/src/material/tabs/_tabs-common.scss
@@ -21,6 +21,7 @@ $mat-tab-animation-duration: 500ms !default;
     white-space: nowrap;
     cursor: pointer;
     z-index: 1;
+    touch-action: manipulation;
   }
 
   .mdc-tab__content {

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ $mat-tab-animation-duration: 500ms !default;`
`21`	`21`	`white-space: nowrap;`
`22`	`22`	`cursor: pointer;`
`23`	`23`	`z-index: 1;`
	`24`	`+ touch-action: manipulation;`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`.mdc-tab__content {`