From 5e91d738440ced91acda795bcf66599837fd7392 Mon Sep 17 00:00:00 2001
From: Vladimir Potekhin <46284632+vladimirpotekhin@users.noreply.github.com>
Date: Mon, 12 Feb 2024 18:28:09 +0300
Subject: [PATCH] fix(core): fix `:active` state of interactive elements in
 Safari (#6753)

---
 projects/core/components/root/root.component.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/projects/core/components/root/root.component.ts b/projects/core/components/root/root.component.ts
index 5b0c18a1a229..0cd5f1f5e198 100644
--- 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$',
     },