From bd96202ff3fe164f9e0d765c331138381d60ca96 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 876a80f22287..1d5f974821fe 100644
--- 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$',
     },