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

taiga-family · Feb 13, 2024 · 5e91d73 · 5e91d73
1 parent 87eb95a
commit 5e91d73
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
@@ -27,6 +27,8 @@ import {debounceTime, map, Observable, of} from 'rxjs';
         '[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$',
     },