fix(core): fix :active state of interactive elements in Safari (#6753)

taiga-family · Feb 12, 2024 · bd96202 · bd96202
1 parent faadc8a
commit bd96202
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/projects/core/components/root/root.component.ts b/projects/core/components/root/root.component.ts
@@ -35,6 +35,8 @@ import {debounceTime, map} from 'rxjs/operators';
         '[class._ios]': 'isIOS',
         '[class._android]': 'isAndroid',
         '[class._reduced-motion]': 'reducedMotion',
+        // Required for the :active state to work in Safari. https://stackoverflow.com/a/33681490
+        '(touchstart.passive.silent)': '0',
         '[$.class._mobile]': 'isMobileRes$',
         '($.class._mobile)': 'isMobileRes$',
     },